.VoletsFractionnes {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: stretch;

    &.disposition-horizontale {
        flex-direction: row;
    }

    &.disposition-verticale {
        flex-direction: column;

        > .volet {
            border-top: 3px solid #777;

            &:first-child {
                border-top: none;
            }
        }
    }

    .volet {
        flex: 1;
        height: 100%;
        background: #fff;

        > .ogure-table {
            flex: 1 1 auto;
        }
    }

    div[data-type='Resizer'] {
        &[data-attribute='vertical'] {
            width: 13px;
        }

        &[data-attribute='horizontal'] {
            height: 13px;
        }
    }
}
