.fiche-synthese {
    display: flex;
    flex-direction: column;
    gap: 2em;
    min-width: 500px;
    .titre {
        display: flex;
        align-items: center;
        gap: 1em;
        padding-bottom: 1em;
    }
    .section {
        flex: 1;
    background-color: $gris100;
    border-radius: .5em;
    box-shadow: -4px -4px 10px $blanc, 4px 4px 10px $gris400;
    padding: 2em;
     > .container {
        display: grid;
        gap: 2em;
     }
    }
    .row {
        display: flex;
        flex-direction: row;
        align-items: stretch;
        justify-items: stretch;
        gap: 2em;
        flex-wrap: wrap;
        > article,
        >  section {
            min-width: 400px;
        }
    }
    .badges-container {
        grid-column : 1 / -1;
        > span {
            margin-bottom: 1em;;
        }
    }
    .en-cours {
        flex-wrap: wrap;
    }
    article {
        flex: 1;
        display: flex;
        flex-direction: column;
        background-color: $blanc;
        padding: 1em 1em;
        border-radius: .5em;
        box-shadow: -4px -4px 10px $blanc, 4px 4px 10px $gris300;
        .article-titre {
            border-bottom: 1px solid $gris400;
            margin-bottom: .5em;
        }
        .article-container {
            flex: 1;
            display: grid;
            grid-template-columns: auto 1fr;
            grid-gap: 0.5em 1em;
            align-content: center;
            padding-top: .5em;
            &.one_col {
                grid-template-columns: 1fr;
            }
        }
        .article-footer {
            border-top: 1px solid $gris400;
            margin-top: 1em;
            padding-top: 1em;
            text-align: center;
            a {
                color: $brand700;
                font-weight: 600;
            }
            i {
                vertical-align: bottom;
                font-weight: 300;
            }
        }
        .no-labels {
            grid-template-columns: 1fr;
        }
        .field-value {
            font-weight: 700;
        }
        .placeholder {
            color: $gris600;
            font-style: italic;
        }
    }
    .container.empty_bloc {
        display:grid;
        grid-template-columns: 1fr;
        flex: 1;
        align-content: center;
        height: 80%;
        
    }
    .bloc-placeholder {
        text-align: center;
        color: $gris500;
        grid-column: 1/-1;
        grid-row: 1/-1;
        i {
            font-size: 4em;
        }
        p {
            //font-size: 1.25em;
            font-weight: 700;
        }
    }


}