body .single-projet-bloc{
    margin-bottom: 8rem;
}
body .single-projet-bloc-no-margin{
    margin-bottom: 0;
}
.single-projet-bloc-separator{
    border-bottom:1px solid var(--ph-color-9);
}
.single-projet-bloc-bg-grey{
    background:var(--ph-color-5);
    padding:11.6rem 0;
    display:flex;
    flex-direction:column;
    gap:4rem;
}

/* --- */

.single-projet-bloc-hero{
    z-index:8;
    position: relative;
}

/* --- */

.single-projet-bloc-heading{
    margin-top:-12rem;
    z-index:10;
    position: relative;
}

/* --- */
    
.single-projet-bloc-operations .elementor-widget-container .operation-icon-container{
    display:none;
}

/* -- */

.single-projet-bloc-enjeux{
    padding:12rem 0;
    background:var(--ph-color-1);
    color:white;
}
.single-projet-bloc-enjeux .ph-coloumns-left h3,
.single-projet-bloc-enjeux .elementor-widget-text-editor{
    color:white;
}

/* --- */

.single-projet-bloc-white{
    background:white;
    padding:3.4rem;
}
.single-projet-bloc-white-title{
    margin-top:0;
    display:flex;
    gap:1.8rem;    
    align-items: flex-end;
}
.single-projet-bloc-white-title object{
    flex: 0 0 6rem;
    width: 6rem;
}  

/* --- */

.single-projet-bloc-table-container{
    display:flex;
    flex-direction:column;
    gap:3.9rem;
}
.single-projet-bloc-table{
    border:1px solid var(--ph-color-9);
}
.single-projet-bloc-table > div{
    display:flex;
    gap:3.4rem;
    align-items: center;
    padding:1.4rem 3.3rem;
    border-bottom:1px solid var(--ph-color-9);
    align-items: flex-start;
}
.single-projet-bloc-table > div:last-child{
    border-bottom:none;
} 
.single-projet-typo-title {
    flex: 0 0 50%;
}
.single-projet-typo-nb{
    flex: 0 0 20%;
}

/* --- */

.single-projet-typo-nb-other{
    color:var(--ph-color-2);
}

/* ----- */

.single-projet-bloc-programmes-complentaires{
    display:flex;
    gap:3rem;
}
.single-projet-bloc-programmes-complentaires > div{
    flex:0 0 calc(25% - 2.25rem);
    aspect-ratio:1/1;
    background: white;
    padding:2.7rem 2.4rem;
    display:flex;
    flex-direction:column;
    gap:1rem;    
    justify-content: flex-start;
}
.single-projet-bloc-programmes-complentaires > div > object{
    width:6rem;
    height:6rem;
    margin: 0;
    padding:0;
}
.single-projet-bloc-programmes-complentaires-label{
    margin-bottom:auto;
}
.single-projet-bloc-programmes-complentaires > div >.ph-typo-h2{
    line-height: 4.2rem;
}

/* --- */

.single-projet-planning-title{
    flex: 0 0 75%;
}
.single-projet-planning-waiting{
    color:#828E97;
}
.single-projet-planning-date{
    flex: 0 0 15rem;
    text-align:right;
}
.single-projet-planning-other-data{
    font-weight:bold;
}
.single-projet-planning-other-data-green{
    color:var(--ph-color-2);
}
.single-projet-planning-other-data-red{
    color:#C00D0D;
}
.single-projet-planning-field-date_livraison{
    background:#FBFBFB;
}

/* ---- */

.single-projet-env-label{
    flex:0 0 50%;
}
.single-projet-env-value-objectif,
.single-projet-env-value-existant{
    flex:0 0 25rem;
}
.single-projet-env-field-classe_ges .single-projet-env-value,
.single-projet-env-field-classe_energie .single-projet-env-value{
    font-weight:bold;
}
.single-projet-env-hiddenLabel{
    display:none;
}
.single-projet-env-header{
    display:flex;
    align-items: center;
    gap: 3.4rem;
}
.single-projet-env-header .single-projet-bloc-white-title{
    flex: 0 0 calc(50%);
}
.single-projet-env-header .single-projet-env-header-label{
    flex: 0 0 25rem;
}

/* ------ */

body .single-projet-bloc-documents{
    margin-bottom:-12rem;
}
body .single-projet-bloc-documents .paris-habitat-elementor-widget-ph-list-center{
    padding-bottom:20rem;
}


/* ----- */

.single-projet-concertations-label{
    flex: 0 0 40%;
}
.single-projet-concertations-value-avant-apres{
    flex: 0 0 20%;
}
.single-projet-concertations-value-avant-apres-label{
    color:var(--ph-color-6);
}

/* ----- */

.single-projet-bloc-table-filters{
    display:flex;
    gap:0.5rem;
    margin-bottom:2rem;
    flex-wrap:wrap;
}
.single-projet-bloc-table-filters-select{
    display:none;
    border-radius:3rem;
    background:var(--ph-color-9);
    border:none;
    position: relative;
}
.single-projet-bloc-table-filters-select i{
    position:absolute;
    right:1.4rem;
    top:50%;
    transform:translateY(-50%); 
    z-index:11;   
    font-size:1.2rem;
}
.single-projet-bloc-table-filters-select select{
    border:none;
    outline:none;
    background:none;
    position: relative;
    z-index:10;
    padding:0.4rem 3rem 0.4rem 1.1rem;
    margin:0;
}
.single-projet-bloc-table-filter{
    transition:all 0.25s;
    padding:0.4rem 1.6rem;
    cursor:pointer;
    border-radius:3rem;
}
.single-projet-bloc-table-filter:hover{
    background:var(--ph-color-9)
}
.single-projet-bloc-table-filter.selected{
    color:white;
    background:var(--ph-color-1)
}
.single-projet-financement .single-projet-bloc-table{
    display:none;
}
.single-projet-financement .single-projet-bloc-table.visible{
    display:block;
}
.single-projet-financement-bloc-title{
    display:none;
}
.single-projet-financement-label{
    flex:0 0 60%;
    display:flex;
    gap:1.3rem;
    align-items:baseline;
}
.single-projet-financement-value-montant{
    flex: 0 0 12rem;
    text-align: right;
}
.single-projet-financement-value-pc{
    color:var(--ph-color-2);
}
.single-projet-financement-headline{
    background:#FBFBFB;
}
.single-projet-financement-header{
    display:flex;
    gap:2rem;
    align-items: center;
    margin-bottom:4rem;
}
.single-projet-financement-header h3{
    flex:0 0 60%;
    margin-bottom:0;
}
.single-projet-financement-header-nb-logement{
    display:flex;
    align-items: baseline;
    margin-left:auto;
    gap:1rem;
}
/* ---- */



@media (max-width: 1950px){

    .single-projet-env-header .single-projet-env-header-label {
        flex: 0 1 15rem;
    }
    
    .single-projet-env-value-objectif,
    .single-projet-env-value-existant{
        flex:0 1 15rem; 
    }
}

@media (max-width: 1200px){
    
    

    .single-projet-bloc-table-filters {
        margin-bottom: 1.6rem;
    }
    .single-projet-bloc-table-filters-select{       
        display:block;
    }
    .single-projet-bloc-table-filter{
        display:none;
    }

    .single-projet-financement .single-projet-bloc-table > div {
        flex-wrap: wrap;    
        gap: 1rem;
    }
    
    .single-projet-financement-header{
        flex-wrap:wrap;
        margin-bottom: 1.6rem;
    }
    .single-projet-financement-header h3,
    .single-projet-financement-header-nb-logement,
    .single-projet-financement-header > *{
        flex:0 0 100%;
    }
    .single-projet-financement-label {
        flex: 0 0 100%;
    }
    
    .single-projet-financement-value-montant{
        flex: 0 0 auto;
        text-align: left;
    }
    
    /* --- */
    
    .single-projet-env-label {
        flex: 0 0 40%;
    }
    .single-projet-typo-title {
        flex: 0 0 40%;
    }
    .single-projet-planning-title {
        flex: 0 0 40%;
    }
    .single-projet-env-header-label{
        display:none;
    }    
    .single-projet-env-hiddenLabel{
        display:block;
    }    
    .single-projet-env-header .single-projet-bloc-white-title{
        flex: 0 0 100%;
    }
}

@media (max-width: 1000px){
    body .single-projet-bloc{
        margin-bottom: 4rem;
    }    
    .single-projet-bloc-no-margin{
        margin-bottom: 0;
    }
    .single-projet-bloc-bg-grey {
        padding: 4rem 0;
    }
    
    /* -- */
    
    .single-projet-bloc-enjeux {
        padding: 4rem 0;
    }
    
    .single-projet-bloc-white-title object {
        flex: 0 0 4rem;
    }
    .single-projet-bloc-table > div {
        flex-wrap: wrap;
        gap: 0.5rem;
        padding:1.5rem;
    }
    .single-projet-typo-title {
        flex: 0 0 100%;
    }
    .single-projet-bloc-white {
        padding: 1.6rem;
    }
    
    /* --- */
    
    .single-projet-bloc-programmes-complentaires{
        gap:1rem;
        flex-wrap:wrap;
    }
    .single-projet-bloc-programmes-complentaires-label {
        margin-bottom: 4rem;
    }
    .single-projet-bloc-programmes-complentaires > div {
        flex: 0 0 calc(50% - 0.5rem);       
        padding: 0.8rem;
        gap: 1rem;
    }
    .single-projet-bloc-programmes-complentaires > div >.ph-typo-h2 {
        line-height: 2.2rem;
    }
    
    /* --- */
    
    .single-projet-planning-title{
        flex: 0 0 100%;
    }
    .single-projet-planning-date{
        flex: 0 0 auto;
        text-align: left;
    }
    
    /* --- */
    
    .single-projet-env-value,
    .single-projet-env-label{
        flex:0 0 100%;
    }
    
    /* --- */
    
    body .single-projet-bloc-documents .paris-habitat-elementor-widget-ph-list-center {
        padding: 4rem 1.6rem;
    }
    
    /* --- */
    
    .single-projet-concertations-label{
        flex:0 0 100%;
    }
    .single-projet-concertations-value-avant-apres{
        flex:0 0 100%;
    }
    
}