#notifications-alert{
    width: 100%;
    margin-top: calc(-1 * var(--pico-block-spacing-vertical));
    background-color: var(--portailpro-warning-color);
    color: #ffffff;
    margin-bottom: var(--pico-block-spacing-vertical);
    ol, li {
        position: relative;
        list-style: none;
        padding: 0;
        margin: 0;
    }
    ol {
        display: flex;
        flex-direction: column;
    }
    article {
        background: transparent;
        margin-bottom: 0;
        * {
            background: transparent;
            border: none;
            color: #ffffff;
        }
        header {
            font-weight: bold;
        }
    }
    li + li {
        border-top: 1px solid #ffffff;
    }

    .dismiss {
        position: absolute;
        right: calc(var(--pico-spacing) * 2);
        top: calc(var(--pico-spacing) * 2);
    }
}