/************************************ BLI - design et page editoriales ****************************************/
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url('../fonts/poppins/poppins-0.ttf') format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url('../fonts/poppins/poppins-1.ttf') format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/poppins/poppins-2.ttf') format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/poppins/poppins-3.ttf') format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/poppins/poppins-4.ttf') format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/poppins/poppins-5.ttf') format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/poppins/poppins-6.ttf') format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url('../fonts/poppins/poppins-7.ttf') format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url('../fonts/poppins/poppins-8.ttf') format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url('../fonts/poppins/poppins-9.ttf') format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url('../fonts/poppins/poppins-10.ttf') format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/poppins/poppins-11.ttf') format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/poppins/poppins-12.ttf') format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/poppins/poppins-13.ttf') format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/poppins/poppins-14.ttf') format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/poppins/poppins-15.ttf') format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../fonts/poppins/poppins-16.ttf') format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('../fonts/poppins/poppins-17.ttf') format('truetype');
}
    html.aui.theme_blu body.view-bli-app {
        * {
            font-family: var(--typography-font-family-1);
        }
        h1 {
            font-size: var(--typography-h1-font-size);
            line-height: var(--typography-h1-line-height);
        }
        h1:not(.typography) {
            color: var(--color-primary-700);
        }
        .layer h1 {
            color: white;
        }
        h2 {
            font-size: var(--typography-h2-font-size);
            line-height: var(--typography-h2-line-height);
        }
        h3 {
            font-size: var(--typography-h3-font-size);
            line-height: var(--typography-h3-line-height);
        }
        h4 {
            font-size: var(--typography-h4-font-size);
            line-height: var(--typography-h4-line-height);

        }
        h5 {
            font-size: var(--typography-h5-font-size);
            line-height: var(--typography-h5-line-height);
        }
        h6 {
            font-size: var(--typography-h6-font-size);
            line-height: var(--typography-h6-line-height);
        }
        .article-wrapper {
            p,span,div, ul, ul li, ol, ol li {
                font-family: var(--typography-font-family-1);
                font-size: var(--typography-body1-font-size);
                line-height: var(--typography-body1-line-height);
            }
            p.chapo {
                font-size: var(--typography-h6-font-size);
                line-height: var(--typography-h6-line-height);
            }
            .contact {
                max-width: 900px;
                margin-left: auto;
                margin-right: auto;
                .contact_container {
                    justify-content: center !important;
                    * {
                        font-family: var(--typography-font-family-1) !important;
                    }
                }
            }
        }
        #tarteaucitronRoot *,
        #tarteaucitronClosePanel, span#tarteaucitronDisclaimerAlert, #tarteaucitronPrivacyUrl,
        .tac_activate .tac_float .tarteaucitronAllow,
        #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2,
        #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert,
        #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronAllDenied2,
        #tarteaucitronRoot div#tarteaucitronAlertBig span#tarteaucitronDisclaimerAlert,
        h1.blog-detail {
            font-family: var(--typography-font-family-1) !important;
        }

        /*MARGIN RESET */
        .article-wrapper,
        .article-wrapper .only-lu,
        .article-wrapper .only-be,
        .article-wrapper .only-de,
        .article-wrapper .only-europe,
        .article-wrapper .only-autres {
            > h1, > h2, > h3, > h4 { margin:0;}
            > p+p { margin :0 0 24px 0;}
            > h1 { margin: 8px 0 32px 0; }
            > h2 { margin: 32px 0; }
            h3, h4 { margin: 24px 0; }
            > h1 + p { margin: -8px 0 24px 0; }
            > h1+h2 {margin: -36px 0 48px 0;}
            > h1+div {margin: -36px 0 48px 0;}
            > h2 + p,
            > h2 + div {margin: -36px 0 24px 0;}
            > p + div.graph_container { margin-bottom: 24px; }
            > h2 + div.contact { margin-top: -48px; }
            > h2+h3 {margin: -36px 0 24px 0;}
            > button + p { margin-top: 24px; }
            > h3 + p { margin: -20px 0 24px 0; }
            > h4 + p { margin: -20px 0 24px 0; }
            > div + div { margin-top: 24px; }
            > div+p {margin :0 0 24px 0;}
            > p+ul, > p+ol {margin: -24px 0 24px 0;}
            > p+ul,  > p+ol {margin: -24px 0 24px 0;}
            > h2+ul  {margin: -40px 0 48px 0;}
            > h3+ul  {margin: -26px 0 24px 0;}

            > div+p.source-article {margin: -44px 0 24px 0 !important;}
            > div+p.footnote {margin: -44px 0 24px 0 !important;}
        }

    }
    /************************************ BLI - DS ****************************************/
    .view-bli-app {
        .bli-funds-wrapper {
            margin-bottom: calc(var(--gutter-default) * 15);
        }
        [name="view-bli-funds"] {
             position: relative;
             display: block;
             padding: 0;
            .bdl-bds-table {
                 display: grid !important;
                 grid-template-columns: minmax(200px, 3fr) repeat(6, 1fr) auto auto;
            }
            .bdl-bds-table .bdl-bds-row {
                 display: contents;
            }
            .bdl-bds-table .bdl-bds-row.bdl-bds-header .bdl-bds-cell {
                 background: var(--color-secondary-200);
                 border-color: var(--color-secondary-400);
                 max-height: 76px;
                 min-width: 81px;
            }
            .bdl-bds-table .bdl-bds-row.bdl-bds-header .bdl-bds-cell.bdl-bds-sort {
                 cursor: pointer;
            }
            .bdl-bds-table .bdl-bds-row.bdl-bds-header .bdl-bds-cell.bdl-bds-perf {
                 background: var(--color-secondary-300);
            }
            .bdl-bds-table .bdl-bds-row.bdl-bds-header .bdl-bds-cell:first-child {
                 border-top-left-radius: 0;
                 border-bottom-left-radius: calc(var(--gutter-default) * 2);
            }
             .bdl-bds-table .bdl-bds-row.bdl-bds-header .bdl-bds-cell:last-child {
                 border-top-right-radius: 0;
                 border-bottom-right-radius: calc(var(--gutter-default) * 2);
            }
            .bdl-bds-table .bdl-bds-row:not(.bdl-bds-header) .bdl-bds-cell::after {
                 content: "";
                 position: absolute;
                 bottom: calc(var(--gutter-default) * -1);
                 left: 0;
                 width: 100%;
                 height: var(--gutter-default);
                 background: linear-gradient(to bottom, rgba(0, 92, 104, 0.16), transparent);
                 opacity: 0;
                 transition: opacity 0.2s ease-in-out;
                 pointer-events: none;
            }
            .bdl-bds-table .bdl-bds-row:not(.bdl-bds-header) .bdl-bds-cell:first-child::after {
                 border-bottom-left-radius: var(--gutter-default);
                 width: calc(100% - var(--gutter-default));
                 margin-left: var(--gutter-default);
            }
            .bdl-bds-table .bdl-bds-row:not(.bdl-bds-header) .bdl-bds-cell:last-child::after {
                 border-bottom-right-radius: var(--gutter-default);
                 width: calc(100% - var(--gutter-default));
                 margin-right: var(--gutter-default);
            }
            .bdl-bds-table .bdl-bds-row:not(.bdl-bds-header):hover .bdl-bds-cell {
                 border-color:rgba(0,131,148,1);
                 cursor:pointer;
            }
            .bdl-bds-table .bdl-bds-row:not(.bdl-bds-header):hover .bdl-bds-cell::after {
                 opacity: 1;
            }
            .bdl-bds-table .bdl-bds-line {
                 display: contents;
            }
            .bdl-bds-table .bdl-bds-line:not(:first-child) .bdl-bds-cell {
                 margin-top: calc(var(--gutter-default) * 2);
            }
            .bdl-bds-table .bdl-bds-cell {
                 position: relative;
                 background: var(--color-white);
                 padding: calc(var(--gutter-default) * 2);
                 display: flex;
                 align-items: center;
                 border: 1px solid var(--color-secondary-300);
                 border-left: none;
                 border-right: none;
                 transition: all 0.3s ease-in-out;
            }
            .bdl-bds-table .bdl-bds-cell:first-child {
                 border-top-left-radius: var(--gutter-default);
                 border-bottom-left-radius: var(--gutter-default);
                 border-left: 1px solid var(--color-secondary-300);
                 padding-left: calc(var(--gutter-default) * 4);
            }
             .bdl-bds-table .bdl-bds-cell:last-child {
                 border-right: 1px solid var(--color-secondary-300);
                 border-top-right-radius: var(--gutter-default);
                 border-bottom-right-radius: var(--gutter-default);
            }
            .bdl-bds-card-fund {
                 border: 1px solid #eee;
                 transition: all 0.3s ease-in-out;
            }
            .view-bli-funds__funds__card__container {
                 margin-top: calc(var(--gutter-default) * 4);
            }
            .bdl-bds-card-fund:hover {
                 border-color: rgba(0, 131, 148, 1);
                 cursor:pointer;
                 box-shadow: 0 4px 8px 0 rgba(0, 92, 104, 0.16);
            }
            .view-bli-funds__funds-search-engine {
                position: relative;
                left: 0;
                right: 0;
                width: 100%;
                margin: calc(var(--gutter-default) * -22) auto 0;
                transition: all 0.3s ease, margin 0s ease-in-out;
            }
            .view-bli-funds__funds-search-engine__container {
                 position: relative;
                 display: flex;
                 align-items: center;
                 justify-content: space-between;
                 height: calc(var(--gutter-default) * 16.25);
                 width: 100%;
                 margin: 0 auto 48px auto;
                 padding: calc(var(--gutter-default) * 3) calc(var(--gutter-default) * 4) 0;
                 border-radius: calc(var(--gutter-default) * 2);
                 border: 2px solid var(--color-primary-700);
            }
            .view-bli-funds__funds-search-engine__container::after {
                 content: '';
                 position: absolute;
                 top: 0;
                 left: 0;
                 right: 0;
                 bottom: 0;
                 z-index: 0;
                 width: 100%;
                 height: 100%;
                 background-color: rgba(2, 47, 65, 0.85);
                 backdrop-filter: blur(20px);
                 -webkit-backdrop-filter: blur(20px);
                 transition: all 0.3s ease;
                 border-radius: calc(var(--gutter-default) * 1.5);
            }
            .view-bli-funds__funds-search-engine__container__wrapper {
                 z-index: 1;
                 width: 100%;
                 height: 100%;
                 display: flex;
                 align-items: center;
                 justify-content: space-between;
            }
            .view-bli-funds__funds-search-engine__container__wrapper__left {
                 width: 100%;
                 flex: 1 0 50%;
                 display: flex;
                 align-items: flex-start;
                 flex-direction: column;
                 gap: var(--gutter-default);
            }

            .view-bli-funds__funds-search-engine.fixed .view-bli-funds__funds-search-engine__container__wrapper {
                 align-items: flex-end;
            }
            .view-bli-funds__funds-search-engine.fixed .view-bli-funds__funds-search-engine__container__wrapper__left {
                 align-self: center;
            }
            .view-bli-funds__funds-search-engine.fixed .view-bli-funds__funds-search-engine__container #search-field {
                 margin-bottom: 0;
            }
            .view-bli-funds__funds-search-engine.fixed .view-bli-funds__funds-search-engine__container #search-field-nav {
                 height: calc(var(--gutter-default) * 14);
            }
             .view-bli-funds__funds-search-engine.fixed {
                 position: fixed;
                 top: 0;
                 margin-top: 0;
                 z-index: 3002;
            }
            .view-bli-funds__funds-search-engine.fixed .view-bli-funds__funds-search-engine__container {
                border: none;
                height: calc(var(--gutter-default) * 14.375);
                padding: 0 calc(var(--gutter-default) * 4) 0;
            }
            .view-bli-funds__funds-search-engine.fixed .view-bli-funds__funds-search-engine__container:after {
                width: 250vw;
                left: -75vw;
                height: calc(var(--gutter-default) * 14.375);
                border-radius: 0;
                background-color: rgba(2, 47, 65, 0.85);
            }
            .view-bli-funds__funds-search-engine.fixed #search-field-label {
                display:none;
            }
            .view-bli-funds__funds-search-engine.fixed #search-field {
                margin-top: 30px;
            }

            .view-bli-funds__funds-table-header-container {
                 display: none;
                 top: 0;
                 opacity: 0;
                 transition: all 0.2s ease-in-out;
                 pointer-events: none;
            }
            .view-bli-funds__funds-table-header-container.fixed {
                 display:block;
                 position: fixed;
                 margin: auto;
                 left: 0;
                 right: 0;
                 top: calc(var(--gutter-default) * 11);
                 opacity: 1;
                 z-index: 3003;
                 pointer-events: initial;
                }
            .view-bli-funds__funds-table-header-container .bdl-bds-header .bdl-bds-cell {
                 border-radius: 0 !important;
                 border: none !important;
            }
            .view-bli-funds__funds-section-title {
                 background-color: var(--color-primary-800);
                 width: 100%;
                 padding: calc(var(--gutter-default) * 2) calc(var(--gutter-default) * 4);
                 height: calc(var(--gutter-default) * 8);
                 border-radius: calc(var(--gutter-default) * 2);
            }
            .view-bli-funds__funds-section-title.table {
                 border-radius: calc(var(--gutter-default) * 2) calc(var(--gutter-default) * 2) 0 0;
                 transition: all 0.3s ease;
            }
            .view-bli-funds__funds-section-title.table.closed {
                 border-radius: calc(var(--gutter-default) * 2);
            }
            .view-bli-funds__funds-section-title__container {
                 display: flex;
                 align-items: center;
                 justify-content: flex-start;
                 height: 100%;
                 gap: calc(var(--gutter-default) * 2);
            }

        }

        .view-bli-app__header {
             padding: calc(var(--gutter-default) * 4) 0;
             background: var(--color-primary-200);
             background-image: url("/o/statics/logos/BLI/Frame.svg");
             background-position: right center;
             background-repeat: no-repeat;
             transition: all 0.3s ease;
             width: 100%;
             height:auto;
        }

        .view-bli-app__header.view-bli-app__header--home {
            position: relative;
            background-image: url("/o/statics/logos/BLI/bli-header-background.png");
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
            background-color: var(--color-primary-200);
            height: calc(var(--gutter-default) * 92);
        }
        .view-bli-app__header__home-container {
            position: absolute;
            top: calc(var(--gutter-default) * 31);
        }
        .view-bli-app__header__container {
             position: relative;
             height: 100%;
             padding: calc(var(--gutter-default) * 4);
             z-index: 5;
        }
        .view-bli-app__header__container .ds-logo, .view-bli-app__header__container .ds-right-section {
             z-index: 1;
        }
        .ds-logo--tablet {
          display: none;
        }
        .header-navigation-container {
            display: flex;
            align-items: center;
            margin-top: calc(var(--gutter-default) * -2);
        }
        .header-navigation-container--navigation {
            z-index: 1;
            width: 100%;
            margin-left: calc(var(--gutter-default) * 7);
        }
        .view-bli-app__header__container::after {
             position: absolute;
             left: 0;
             right: 0;
             top: 0;
             bottom: 0;
             z-index: 0;
             content: '';
             width: 100%;
             height: 100%;
             background: rgba(255, 255, 255, .85);
             backdrop-filter: blur(30px);
            /* flou appliqué au fond */
             -webkit-backdrop-filter: blur(30px);
             border: 0 solid var(--color-white);
             border-radius: calc(var(--gutter-default) * 2);
             box-shadow: 0 0 0 2px rgba(255, 255, 255, 1), 0 4px 24px 0 rgba(0, 131, 148, 0.1);
             transition: all 0.3s ease;
        }
        .view-bli-app__header__container.is-open::after {
             box-shadow: none;
             border: 1px solid var(--color-white);
             border-radius: calc(var(--gutter-default) * 2) calc(var(--gutter-default) * 2) 0 0;
        }
        .view-bli-app__header__subcontainer {
             opacity: 0;
             visibility: hidden;
             pointer-events: none;
             position: relative;
             height: calc(var(--gutter-default) * 16);
             padding: calc(var(--gutter-default) * 3) 0 calc(var(--gutter-default) * 4);
             margin-top: calc(var(--gutter-default) * -16);
             transition: all 0.3s ease;
             z-index: 4;
             bdl-bds-grid-layout-item {
                height:100%;
             }
        }
        .view-bli-app__header__subcontainer::after {
             position: absolute;
             left: 0;
             right: 0;
             top: 0;
             bottom: 0;
             z-index: 0;
             content: '';
             width: 100%;
             height: 100%;
             border-radius: 0 0 calc(var(--gutter-default) * 2) calc(var(--gutter-default) * 2);
             border: 1px solid var(--color-white);
             transition: all 0.3s ease;
             box-shadow: 0 0 0 0px rgb(255, 255, 255), 0 4px 24px 0 rgba(0, 131, 148, 0.1);
        }
        .view-bli-app__header__subcontainer--contact::after {
             background-color: rgba(2, 47, 65, 0.85);
        }
        .view-bli-app__header__subcontainer--navigation {
             height: calc(var(--gutter-default) * 8);
             padding: 0;
        }
        .view-bli-app__header__subcontainer--navigation::after {
             background-color: var(--color-white);
        }
        .view-bli-app__header__subcontainer.is-open {
             opacity: 1;
             visibility: visible;
             pointer-events: all;
             margin-top: 0;
        }
        .view-bli-app__header .ds-right-section {
             display: flex;
             flex-direction: column;
             align-items: flex-end;
             gap: calc(var(--gutter-default) * 3);
             flex: 1 0 auto;
             transition: all 0.3s ease;
        }
        .view-bli-app__header__title {
            width: 55%;
            margin: 0 calc(var(--gutter-default) * 4);
        }
        .view-bli-app__header__title__buttons {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            gap: calc(var(--gutter-default) * 2);
            margin-top: calc(var(--gutter-default) * 3);
        }
        .view-bli-app__main {
             background-color: var(--color-secondary-100);
        }
        .view-bli-app__footer {
             width: 100%;
             padding: calc(var(--gutter-default) * 8) 0;
             background: var(--color-secondary-700);
        }
        .view-bli-app__footer__top {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: calc(var(--gutter-default) * 6);
        }
        .view-bli-app__footer__top__card-container {
             display: flex;
             align-items: center;
             justify-content: flex-end;
             gap: calc(var(--gutter-default) * 8);
             width: 100%;
        }
        .view-bli-app__footer__bottom bdl-bds-navigation-item {
            text-align:left;
        }
        .view-bli-app__footer__bottom__contact {
             margin-top: calc(var(--gutter-default) * 2);
        }
        .view-bli-app__footer-bottom {
             height: calc(var(--gutter-default) * 12);
             background-color: var(--color-secondary-800);
        }
        .view-bli-app__footer-bottom__container {
             display: flex;
             align-items: center;
             justify-content: space-between;
             height: 100%;
        }
        #ds-header-inner {
             display: block;
             width: 100%;
             height: calc(var(--gutter-default) * 19);
             transition: all 0.3s ease;
        }
        .select-filter {
             opacity: 1;
             visibility: visible;
             transition: all 0.3s ease;
        }
        .sticky-header {
             position: fixed;
             top: 0;
             z-index: 3001;
             height: calc(var(--gutter-default) * 11) !important;
        }
        .sticky-header .select-filter {
             opacity: 0;
             visibility: hidden;
             height: 0;
        }
        .sticky-header .ds-right-section {
             gap: 0;
        }
        .sticky-header .view-bli-app__header__container:after {
             width: 150vw;
             left: -25vw;
             border-radius: 0;
        }
        .sticky-header .view-bli-app__header__subcontainer--navigation.is-full-width:after {
             width: 150vw;
             left: -25vw;
        }
        .hidden-header {
             opacity: 0;
             visibility: hidden;
             height: 0;
        }
        .ds-content {
             max-width: 900px;
             margin: 0 auto;
        }
        .view-bli-app__footer-bottom {
             height: calc(var(--gutter-default) * 12);
             background-color: var(--color-secondary-800);
        }
        .ds-scroll-top {
             position: fixed;
             bottom: 2rem;
             right: 2rem;
             opacity: 0;
             visibility: hidden;
             transition: opacity 0.3s ease, visibility 0.3s ease;
             z-index: 9999;
        }
        .ds-scroll-top.show {
             opacity: 1;
             visibility: visible;
        }
        .dialog__header {
             background-color: var(--color-white);
             padding: calc(var(--gutter-default) * 2.5) calc(var(--gutter-default) * 8) calc(var(--gutter-default) * 4);
        }
        .dialog__body {
            background-color: var(--color-secondary-100);
            padding: calc(var(--gutter-default) * 8) calc(var(--gutter-default) * 8) calc(var(--gutter-default) * 4);
        }
        .dialog__body__grid-layout {
            margin-bottom: calc(var(--gutter-default) * 4);
        }
        .dialog__footer {
            background-color: var(--color-secondary-100);
            padding: calc(var(--gutter-default) * 4) calc(var(--gutter-default) * 8) calc(var(--gutter-default) * 8);
        }
        .btn-card {
            width: auto;
            overflow: hidden;
            cursor: pointer;
            max-height: calc(var(--gutter-default) * 9);
            transition: background-color 0.3s ease;
        }
        .btn-card:not(.btn-card-contact) {
             background-color: var(--color-tertiary-700);
        }
        .btn-card.btn-card-contact {
             background-color: var(--color-primary-200);
        }
        .btn-card .btn-card__content {
            padding: calc(var(--gutter-default) * 2.5) calc(var(--gutter-default) * 2) calc(var(--gutter-default) * 2.5) calc(var(--gutter-default) * 3);
            position: relative;
        }
        .btn-card .btn-card__content > * {
             z-index: 1;
        }
        .btn-card .leaf {
            position: absolute;
            left: calc(var(--gutter-default) * -15);
            top: calc(var(--gutter-default) * -13);
            width: calc(var(--gutter-default) * 26);
            height: calc(var(--gutter-default) * 26);
            background: var(--color-primary-500);
            border-radius: 50%;
            transform: rotate(90deg);
            overflow: hidden;
            z-index: 0;
        }
        .btn-card:not(.btn-card-contact):hover {
            background-color: var(--color-tertiary-800);
        }
        .btn-card.btn-card-contact:hover {
            background-color: var(--color-primary-300);
        }
        .btn-card__content__icon {
            margin-right: calc((var(--gutter-default) * 5));
        }
        .btn-card__content__text {
            margin-right: var(--gutter-default);
        }
        .dialog__body {
             background-color: var(--color-secondary-100);
             padding: calc(var(--gutter-default) * 8) calc(var(--gutter-default) * 8) calc(var(--gutter-default) * 4);
        }
        .dialog__footer {
             background-color: var(--color-secondary-100);
             padding: calc(var(--gutter-default) * 4) calc(var(--gutter-default) * 8) calc(var(--gutter-default) * 8);
        }


        .view-bli-app__header--mobile {
             display: none;
        }

        .view-bli-app__sidesheet-navigation {
            display: flex;
            flex-direction: column;
            height: 100vh;
            background-color: var(--color-secondary-100);
        }
        .view-bli-app__sidesheet-navigation__header {
            width: 100%;
            height: calc(var(--gutter-default) * 8);
            padding: calc(var(--gutter-default) * 2);
            display: flex;
            align-items: center;
            justify-content: space-between;
            background-color: var(--color-white);
        }
        .view-bli-app__sidesheet-navigation__body {
            flex: 1 0 auto;
            overflow-y: auto;
            padding: calc(var(--gutter-default) * 2) calc(var(--gutter-default) * 2) calc(var(--gutter-default) * 2);
        }
        .view-bli-app__sidesheet-navigation__state {
            display: flex;
            flex: 0 1 calc(var(--gutter-default) * 10);
            background-color: var(--color-primary-200);
            padding-left: calc(var(--gutter-default) * 2);
        }
        .view-bli-app__sidesheet-navigation__footer {
            display: flex;
            align-items: center;
            justify-content: center;
            flex: 0 1 calc(var(--gutter-default) * 12);
            padding: calc(var(--gutter-default) * 3) calc(var(--gutter-default) * 2);
            background-color: var(--color-white);
        }
    }

    /**************************************************************************************/
    /************************ BLI - DS SURCHARGE nM - BEGIN *******************************/
    /**************************************************************************************/
    .view-bli-app {
        #toTopBtn.ready {
            right: 32px;
            bottom: 32px;
            background-color: var(--color-tertiary-700) !important;
            border-radius:8px;
            &:hover {
                background-color: var(--color-tertiary-800) !important;
            }
        }
    }
    .aui .view-bli-app {
        .article-wrapper {
            width: 1344px;
            max-width: calc(100vw - 64px);
        }
        .bl-breadcrumb + .article-wrapper {
            padding-top: 0;
            h1 {
                margin-top:0;
            }
        }
        .bl-breadcrumb {
            gap: 8px;
            width: 1344px;
            max-width: calc(100vw - 64px);
            margin: 64px auto 8px auto;
            a {
                text-decoration: none;
                &:hover {
                    color: rgb(86, 172, 222);
                }
            }
            span {
                font-weight:800;
            }
        }

        &.signed-in {
            .sticky-header {
                top:56px;
            }
            .sticky-header, .view-bli-app__header__subcontainer {
                z-index:2000;
            }
        }


        #bandeau_message {
            background-color: var(--color-secondary-800);
        }

        #top-menu-language-bli bdl-bds-icon {
            margin: -4px var(--gutter-default) 0px -12px;
        }

        #column-langues [name=dialog] .dialog .dialog__dialog__content {
            opacity: 1;
            top: 0px;
        }

        .view-bli-app__header__subcontainer {
            z-index: 3001;
        }

        .bli-funds-wrapper {
             max-width: 1408px;
             margin-left: auto;
             margin-right: auto;
         }

        [name="view-bli-funds"] {
             .bdl-bds-cell.bdl-bds-sort.asc bdl-bds-icon,
             .bdl-bds-cell.bdl-bds-sort.asc bdl-bds-typography:not(.no-color-change) *,
             .bdl-bds-cell.bdl-bds-sort.desc bdl-bds-icon,
             .bdl-bds-cell.bdl-bds-sort.desc bdl-bds-typography:not(.no-color-change) * {
                 color:var(--color-primary-700);
             }

             bdl-bds-typography[text-align="left"] {
                 text-align: left;
             }
             .expand.theme--bli {
                 margin: 0 !important;
                 position: initial;
             }
             #search-field-label {
                 text-align:left;
             }
        }

        footer [name=card] .card .card__content {
            padding:0px;
        }
        [name=card] .card {
            margin-bottom:0px;
            background-color: transparent;
        }


    }
    /**************************************************************************************/
    /************************ BLI - DS SURCHARGE nM - END   *******************************/
    /**************************************************************************************/

        @media (min-width : 1152px) {
            .view-bli-app {
                #toTopBtn.topScreen {
                    bottom: -50px;
                }
                #toTopBtn.ready  {
                    bottom: calc((var(--gutter-default) * 12) + 2rem);
                }

                &.bli-funds-page {
                    .view-bli-app__header {
                        height: calc(var(--gutter-default) * 50);
                    }
                    #column-1,#column-2,#column-3,#column-4,#column-5,#column-6,#column-7,#column-8,#column-9,#column-10 {
                        background-color:transparent;
                    }
                    #content {
                        margin-top: calc(var(--gutter-default) * -30);
                    }
                    .loading-animation {
                        margin: calc(var(--gutter-default) * 20) auto;
                    }
                    .view-bli-funds__funds__title-container {
                        margin-left: calc(var(--gutter-default) * 4);
                        margin-right: calc(var(--gutter-default) * 4);
                    }
                }
            }
        }
        @media (max-width: 1151px) {
            .view-bli-app {
                .btn-card__content__icon {
                    margin-right: 0;
                }
                .btn-card__content__text {
                   flex: 1 0 auto;
                   text-align: center;
                   margin-right: 0;
                   h3 {
                    text-align: center;
                   }
                }

                .view-bli-app__header--mobile {
                    position: fixed;
                    top: 0;
                    left: 0;
                    right: 0;
                    z-index: 3000;
                    width: 100%;
                    height: calc(var(--gutter-default) * 8);
                    padding: calc(var(--gutter-default) * 2);
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    background-color: var(--color-white);
                }
                .view-bli-app__header.view-bli-app__header--home {
                    height: auto;
                    background-image: none;
                    padding: calc(var(--gutter-default) * 8) 0 calc(var(--gutter-default) * 10);
                }
                .view-bli-app__header__home-container {
                    position: relative;
                    top: calc(var(--gutter-default) * 4);
                }
                .view-bli-app__header__title {
                    width: calc(100% - (var(--gutter-default)));
                    margin: 0 calc(var(--gutter-default) * .5);
                }
                .view-bli-app__header__title__buttons {
                    flex-direction: column;
                }

                .view-bli-app__footer {
                     padding: calc(var(--gutter-default) * 4) 0;
                }
                .view-bli-app__footer__top {
                     align-items: flex-start;
                     padding-left: calc(var(--gutter-default) * 2);
                     padding-right: calc(var(--gutter-default) * 2);
                     flex-direction: column;
                }
                .view-bli-app__footer__top__logo {
                     margin-bottom: calc(var(--gutter-default) * 8);
                }
                .view-bli-app__footer__top__card-container {
                     flex-direction: column;
                     justify-content: space-between;
                     gap: calc(var(--gutter-default) * 4);
                }
                .view-bli-app__footer__bottom {
                    padding-left: calc(var(--gutter-default) * 2);
                    padding-right: calc(var(--gutter-default) * 2);
                }
                .view-bli-app__footer__bottom__contact {
                    margin-bottom: calc(var(--gutter-default) * 2);
                }
                .view-bli-app__footer-bottom {
                     height: calc(var(--gutter-default) * 16);
                }
                .view-bli-app__footer-bottom__container {
                    align-items: flex-start;
                    flex-direction: column;
                    justify-content: center;
                    gap: calc(var(--gutter-default) * 2);
                    padding: calc(var(--gutter-default) * 2);
                }
                .dialog__header {
                    padding: calc(var(--gutter-default) * 2) calc(var(--gutter-default) * 2);
                }
                .dialog__body {
                    padding: calc(var(--gutter-default) * 2);
                }
                .dialog__body__grid-layout {
                    margin-bottom: calc(var(--gutter-default) * 4);
                }
                .dialog__body__grid-layout-item {
                    margin-bottom: calc(var(--gutter-default) * 4);
                }
                .dialog__footer {
                    flex-direction: column;
                    padding: calc(var(--gutter-default) * 2);
                }
                .btn-card {
                    width: 100%;
                }

                [name="view-bli-funds"] {
                    .view-bli-funds__funds__card__container {
                         margin-top: calc(var(--gutter-default) * 2);
                    }
                    .view-bli-funds__funds-section-title {
                        padding: calc(var(--gutter-default) * 2);
                        height: calc(var(--gutter-default) * 7);
                        cursor: pointer;
                    }
                    .view-bli-funds__funds-section-title__container {
                        gap: var(--gutter-default);
                    }
                }
            }
        }

    /**************************************************************************************/
    /************************ BLI - DS SURCHARGE nM - BEGIN *******************************/
    /**************************************************************************************/


    @media (max-width: 1439px) {
        .aui .view-bli-app {
             .bli-funds-wrapper {
                 max-width: 1152px;
                 padding-left: 16px;
                 padding-right: 16px;
             }
            #ds-header-inner:not(.sticky-header) {
                .ds-logo {
                    display: none;
                }
                .ds-logo--tablet {
                    display: block;
                    margin-top: calc(var(--gutter-default) * 2);
                }
                .header-navigation-container {
                    flex-direction: column;
                    align-items: flex-start;
                }
                .header-navigation-container--navigation {
                    margin-left: 0;
                }
            }
            .article-wrapper, .bl-breadcrumb {
                width: 1152px;
                padding-left: calc(var(--gutter-default) * 6);
                padding-right: calc(var(--gutter-default) * 6);
            }
        }
    }
    @media (max-width: 1151px) {
        .aui .view-bli-app {
            #ds-header-inner {
		        display: none;
		    }
            #view-btns, .view-bli-funds__funds-search-engine,ew-bli-funds__funds-search-engine + bdl-bds-container {
                display:none;
            }
            .article-wrapper, .bl-breadcrumb {
                padding-left: 0;
                padding-right: 0;
            }
            .bl-breadcrumb {
                margin-top:32px;
            }
        }
    }
    @media only screen and (max-width: 1024px) {
        .aui .view-bli-app {
            .article-wrapper {
                width: 100%;
                max-width: calc(100vw - 64px);
                margin-left: auto;
                margin-right: auto;
                padding: 0;
            }
        }
    }
    /**************************************************************************************/
    /************************ BLI - DS SURCHARGE nM - END *******************************/
    /**************************************************************************************/