/* CSS FICHES PRODUITS */

.singleBien .firstCarrousel {
    margin: 0 0 20px 0;
}
    /*.singleBien .firstCarrousel .item {
        min-height: 560px;
    }*/
.singleBien .fileDownload-item .link {
    padding: 0;
}
.singleBien .secondCarrousel {
    margin: 0 0 50px 0px;
    padding: 0 5%;
}
    .singleBien .secondCarrousel .item {
        height: 150px;
        margin: 0 10px;
    }
    .singleBien .secondCarrousel button.slick-arrow.slick-prev {
        left: 0;
    }
    .singleBien .secondCarrousel button.slick-arrow.slick-next {
        right: 0;
    }
.singleBien .leftSide .infos .chiffres p.chiffre {
    color:var(--vermillon);
    font-weight: 600;
    font-size: 4rem;
    margin: 0 0 0 0;
}
.singleBien .leftSide .infos .chiffres p.title {
    font-weight: 600;

}
.singleBien .leftSide .infos .document {
    padding: 30px 0px;
    margin-right: 80px;
}
.singleBien .leftSide .infos h3 {
    margin: 0 0 20px 0;
}
.singleBien .leftSide .description {
    margin: 30px 0 0 0;
}
.singleBien .rightSide .map {
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color07);
    border-radius: 10px;
    margin: 0 0 30px 0;
}
    .singleBien .rightSide .map p {
        text-transform: uppercase;
        font-size: 2rem;
    }
    .singleBien .rightSide .adress p {
        margin: 0;
    }
.singleBien .rightSide .adress {
    margin: 0 0 30px 0;
    display: none;
}
    .singleBien .rightSide .adress h2, .singleBien .rightSide .programme h3 {
        color: var(--color05);
        font-size: 3.5rem;
    }
.accrocheBasdepage {
    height: 250px;
    margin: 50px 0 0px 0;
    background-image: url(../img/charte/mesolia-background.jpg);
    background-size: cover;
    background-position: center;
}
    .accrocheBasdepage .text {
        width: 100%;
        height: 100%;
    }
        .accrocheBasdepage .text .container {
            height: 100%;
        }
        .accrocheBasdepage .text .container a.bouton1 {
            background-color: #fff;
            color: var(--color02) !important;
        }
        .accrocheBasdepage .text .container p {
            color:var(--color02);color: #40525d;
            font-size: 5rem;
            line-height: 1;
            text-align: center;
        }
.headerPageFicheBien h1 {
    color:var(--color02);color: #40525d;
    margin: 0;
}
.headerPageFicheBien p.localisation {
    text-transform: uppercase;
    color:var(--color02);color: #40525d;
    margin: 0 0 30px 0;
}
.headerPageFicheBien .breadcrumb a, .headerPageFicheBien .breadcrumb span {
    color: var(--color05);
}
.singleBien .rightSide .button a {
    background-color:var(--color02);background-color: #e87473;
    color: #fff;
    padding: 12px 20px;
    border-radius: 6px;
    font-size: 2rem;
    width: 320px;
    margin: 0 0 25px 0;
}
    .singleBien .rightSide .button a span {
        margin: 0 10px 0 0;
    }
.singleBien .leftSide .infoVente {
    margin: 0 0 40px 0;
}
    .singleBien .leftSide .infoVente p.data {
        font-size: 1.6rem;
        margin: 0;
        color: var(--color05);
    }
    .singleBien .leftSide .infoVente p.title {
        font-size: 1.6rem;
        margin: 0;
        text-transform: uppercase;
        color:var(--color02);color: #e87473;
    }
.singleBien .leftSide .infos .firstItem.littleDesc {
    margin: 0 0 40px 0;
}
    .singleBien .leftSide .infos .firstItem.littleDesc .title {
        text-transform: uppercase;
        color:var(--color02);color: #40525d;
        font-size: 2rem;
    }
.singleBien .leftSide .infos .secondItem.table {
    margin: 0 0 40px 0;
}
    .singleBien .leftSide .infos .secondItem.table table th {
        padding: 10px;
        font-size: 1.3rem;
    }
.singleBien .rightSide .programme p.program {
    color: var(--color05);
    font-size: 2rem;
}
.singleBien .leftSide .infos .description {
    margin: 0 0 50px 0;
}
.singleBien .leftSide .infos .secondItem.table a.bouton2 {
    margin: 30px 0 0 0;
}
/*RESPONSIVE
01 - DESKTOP */
@media screen and (max-width: 1400px), (max-device-width: 1400px){
    .singleBien .secondCarrousel .item {
        height: 110px;
    }
}
@media screen and (max-width: 1200px), (max-device-width: 1200px){
    .singleBien .firstCarrousel .item {
        height: 370px;
    }
    .singleBien .leftSide .infos .secondItem.table table {
        display: flex;
    }
        .singleBien .leftSide .infos .secondItem.table table thead, .singleBien .leftSide .infos .secondItem.table table tbody {
            width: 50%;
        }
        .singleBien .leftSide .infos .secondItem.table table tr {
            display: flex;
            flex-direction: column;
            height: 100%;
            justify-content: space-between;
        }
        .singleBien thead tr:first-child th:first-child,
        .singleBien thead tr:first-child th:last-child {
            border-radius: 0;
        }
}
/*02 TABLETTE*/
@media screen and (max-width: 1024px), (max-device-width: 1024px){
    .singleBien .firstCarrousel .item {
        height: 260px;
    }
    .singleBien .secondCarrousel .item {
        height: 80px;
    }
}
/*03 MINI-TABLETTE et MOBILE */
@media screen and (max-width: 767px), (max-device-width: 767px){
    .singleBien .leftSide .infos .chiffres {
        margin: 0 0 30px 0;
    }
    .singleBien .leftSide .description {
        margin: 30px 0;
    }
    .accrocheBasdepage .text .container p {
        font-size: 3.5rem;
    }
    .singleBien .leftSide .infoVente .item:first-child {
        margin: 0 0 20px 0;
    }
}

/*Diagnostique*/
.bloc-DPE {
    padding: 30px 0;
    width: fit-content;
}
.bloc-DPE #diage1,
.bloc-DPE #diage2{
    background: url("../img/charte/fd_dpe.gif") no-repeat;
    display: inline-block;
    height:178px;
    margin:20px;
    position:relative;
    width:197px;
}

.bloc-DPE #diage2{
    background: url("../img/charte/fd_ges.gif") no-repeat;
}

.bloc-DPE #diage1.null,
.bloc-DPE #diage2.null{
    opacity:0.2;
    filter : alpha(opacity=20);
}

#diage1 .marque,
#diage2 .marque{
    position:absolute;
    top:16px;
    right:0px;
    
    background: url("../img/charte/bg-marquer-energie.png") no-repeat;
    width:40px;
    height:18px;
    line-height:18px;
    
    color:#FFFFFF;
    text-align:center;
    font-weight:bold;
}

/*grade*/
#diage1.A .marque,
#diage2.A .marque{
    top:16px;
}
#diage1.B .marque,
#diage2.B .marque{
    top:37px;
}
#diage1.C .marque,
#diage2.C .marque{
    top:58px;
}
#diage1.D .marque,
#diage2.D .marque{
    top:80px;
}
#diage1.E .marque,
#diage2.E .marque{
    top:101px;
}
#diage1.F .marque,
#diage2.F .marque{
    top:122px;
}
#diage1.G .marque,
#diage2.G .marque{
    top:143px;
}

/* bloc  texte_droite */
.texte_droite
{
    margin-bottom:15px;
}
/* 
* Marcia
*/
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}