Documents Accueil

No notes defined.

<div class="sds-snetFrame">
    <a href="#frameMain" class="sds-skipNavLink">
        Skip to content
    </a>

    <header class="sds-navTopbar sds-snetFrame__header">
        <div class="sds-navTopbar__container">
            <nav class="sds-navTopbar__inner navbar navbar-expand">
                <div class="sds-navTopbar__alignToMainContent">
                    <a class="sds-navTopbar__logo navbar-brand" href="#">
                        <img src="../../media/logos/logo-bcee.svg" class="img-fluid" alt="">
                    </a>
                </div>
                <div class="sds-navTopbar__meta sds-textHelper">
                    <span>S-Net Privé</span>
                    <span class="sds-navTopbar__metaTime">Mercredi, 23. Octobre・10:54</span>
                </div>
                <div class="sds-navTopbar__collapse navbar-collapse" id="sds-navTopbar__collapse">
                    <ul class="sds-navTopbar__content navbar-nav">

                        <li class="sds-navTopbar__item dropdown">
                            <button type="button" class="sds-btn -iconBtn -secondary100 sds-navTopbar__icon dropdown-toggle" data-toggle="dropdown" aria-expanded="false">

                                <span class="sds-icon sds-icon-bell"></span>

                            </button>

                        </li>

                        <li class="sds-navTopbar__item">
                            <button type="button" class="sds-btn -iconBtn -secondary100 sds-navTopbar__icon">

                                <span class="sds-icon sds-icon-speechbubble"></span>

                            </button>
                            <span class="sds-navTopbar__itemLabel sds-textHelper">Aide</span>
                        </li>

                        <li class="sds-navTopbar__item dropdown">

                            <button type="button" class="sds-navTopbar__dropdownToggle -avatar dropdown-toggle" data-toggle="dropdown" aria-expanded="false">

                                <div class="sds-avatar centeredBgi sds-navTopbar__userDropdownAvatar">

                                    <img class="img-fluid" src="../../media/snet/avatars/nopic/avatarNoPicWoman.svg" alt="">

                                </div>

                                <span class="sds-navTopbar__userDropdownLabel sds-textHelper">Label With Name</span>
                                <span class="sds-iconCircle" aria-hidden="true">

                                    <span class="sds-icon sds-icon-chevrondown"></span>

                                </span>

                            </button>

                            <div class="sds-userMenu sds-navTopbar__userMenu dropdown-menu dropdown-menu-right">

                                <div class="sds-userMenu__header d-flex align-items-center">

                                    <div class="sds-avatar centeredBgi -avatarXl sds-userMenu__avatar">

                                        <img class="img-fluid" src="../../media/snet/avatars/nopic/avatarNoPicWoman.svg" alt="">

                                    </div>

                                    <div class="sds-userMenu__headerText">
                                        <div class="h3">Jil Schmit Longname</div>
                                        <div class="sds-userMenu__headerMeta sds-textHelper">Espace privé</div>
                                    </div>
                                </div>

                                <ul class="sds-userMenu__content list-unstyled">

                                    <li class="sds-userMenu__item">

                                        <a href="" class="sds-userMenu__link d-flex align-items-center justify-content-between">
                                            <span class="font-weight-semibold">Mes données personnelles</span>
                                            <div class="sds-userMenu__itemMeta d-flex align-items-center">

                                                <span class="sds-iconCircle -secondary10" aria-hidden="true">

                                                    <span class="sds-icon sds-icon-client"></span>

                                                </span>

                                            </div>
                                        </a>
                                    </li>

                                    <li class="sds-userMenu__item">

                                        <a href="" class="sds-userMenu__link d-flex align-items-center justify-content-between">
                                            <span class="font-weight-semibold">Mes commandes</span>
                                            <div class="sds-userMenu__itemMeta d-flex align-items-center">

                                                <span class="sds-countBadge -primary">
                                                    01
                                                    <span class="sr-only">Notifications non lues</span>
                                                </span>

                                                <span class="sds-iconCircle -secondary10" aria-hidden="true">

                                                    <span class="sds-icon sds-icon-shoppingbag"></span>

                                                </span>

                                            </div>
                                        </a>
                                    </li>

                                    <li class="sds-userMenu__item">

                                        <a href="" class="sds-userMenu__link d-flex align-items-center justify-content-between">
                                            <span class="font-weight-semibold">Mes documents</span>
                                            <div class="sds-userMenu__itemMeta d-flex align-items-center">

                                                <span class="sds-iconCircle -secondary10" aria-hidden="true">

                                                    <span class="sds-icon sds-icon-document"></span>

                                                </span>

                                            </div>
                                        </a>
                                    </li>

                                    <li class="sds-userMenu__item">

                                        <a href="" class="sds-userMenu__link d-flex align-items-center justify-content-between">
                                            <span class="font-weight-semibold">Paramètres</span>
                                            <div class="sds-userMenu__itemMeta d-flex align-items-center">

                                                <span class="sds-iconCircle -secondary10" aria-hidden="true">

                                                    <span class="sds-icon sds-icon-gear"></span>

                                                </span>

                                            </div>
                                        </a>
                                    </li>

                                    <li class="sds-userMenu__item -borderTop">

                                        <button type="button" class="sds-userMenu__link d-flex align-items-center justify-content-between" data-toggle="modal" data-target="#modalConventions">
                                            <span class="font-weight-semibold">Changer compte</span>
                                            <div class="sds-userMenu__itemMeta d-flex align-items-center">

                                                <span class="sds-iconCircle -secondary10" aria-hidden="true">

                                                    <span class="sds-icon sds-icon-switch"></span>

                                                </span>

                                            </div>
                                        </button>
                                    </li>

                                </ul>

                                <div class="sds-userMenu__footer">
                                    <div class="h4">Votre conseiller</div>
                                    <div class="sds-userMenu__footerRow">

                                        <div class="sds-avatar centeredBgi -avatarXl">

                                            <img class="img-fluid" src="../../media/snet/avatars/avatarBankerMain.png" alt="">

                                        </div>
                                        <div class="sds-userMenu__footerContent">
                                            <div class="font-weight-semibold">Admir SKRIJELJ</div>
                                            <div class="sds-userMenu__footerHelperText sds-textHelperSmall">
                                                Personal Banker • Centre Financier Place de Metz
                                            </div>
                                            <div class="sds-userMenu__footerContactInfo">
                                                <a class="d-block" href="tel:+35240158302">+352 4015-8302</a>
                                                <a class="d-block" href="mailto:a.skrijelj@spuerkeess.lu">adresse.longue.skrijelj@spuerkeess.lu</a>
                                            </div>
                                        </div>
                                        <div class="sds-userMenu__footerRowButtons">
                                            <a href="tel:+35240158302" class="sds-btn -iconBtn -secondary10">

                                                <span class="sds-icon sds-icon-phone"></span>

                                            </a>
                                            <a href="mailto:a.skrijelj@spuerkeess.lu" class="sds-btn -iconBtn -secondary10">

                                                <span class="sds-icon sds-icon-paperplane"></span>

                                            </a>
                                        </div>
                                    </div>
                                </div>

                            </div>

                        </li>

                        <li class="sds-navTopbar__item">
                            <button type="button" class="sds-btn -iconBtn -secondary100 sds-navTopbar__icon">

                                <span class="sds-icon sds-icon-logout"></span>

                            </button>
                        </li>
                    </ul>
                </div>
            </nav>
        </div>
    </header>

    <div class="sds-snetFrame__inner">
        <div class="sds-snetFrame__fader" aria-hidden="true"></div>

        <div class="sds-snetFrame__menuContainer">
            <nav class="sds-snetFrame__menu">

                <div class="sds-snetFrame__menuList">

                    <ul class="sds-snetFrame__menuListInner list-unstyled">

                        <li class="sds-snetFrame__menuItem">
                            <a href="" class="sds-snetFrame__menuLink">

                                <span data-toggle="tooltip" data-title="Situation financière" data-placement="right" data-boundary="window">

                                    <span class="sds-iconCircle -secondary60 sds-snetFrame__menuLinkBubble" aria-hidden="true">

                                        <span class="sds-icon sds-icon-graph"></span>

                                    </span>

                                </span>

                                <span class="sds-snetFrame__menuItemText">Situation financière</span>

                            </a>

                        </li>

                        <li class="sds-snetFrame__menuItem -isActive -isOpen">
                            <a href="" class="sds-snetFrame__menuLink">

                                <span data-toggle="tooltip" data-title="Paiements" data-placement="right" data-boundary="window">

                                    <span class="sds-iconCircle -secondary60 sds-snetFrame__menuLinkBubble" aria-hidden="true">

                                        <span class="sds-icon sds-icon-plus"></span>

                                    </span>

                                </span>

                                <span class="sds-snetFrame__menuItemText">Paiements</span>

                            </a>

                        </li>

                        <li class="sds-snetFrame__menuItem">
                            <a href="" class="sds-snetFrame__menuLink">

                                <span data-toggle="tooltip" data-title="My Intelligent Assistant" data-placement="right" data-boundary="window">

                                    <span class="sds-iconCircle -secondary60 sds-snetFrame__menuLinkBubble" aria-hidden="true">

                                        <span class="sds-icon sds-icon-mia"></span>

                                    </span>

                                </span>

                                <span class="sds-snetFrame__menuItemText">My Intelligent Assistant</span>

                            </a>

                        </li>

                        <li class="sds-snetFrame__menuItem">
                            <a href="" class="sds-snetFrame__menuLink">

                                <span data-toggle="tooltip" data-title="Instruments financiers" data-placement="right" data-boundary="window">

                                    <span class="sds-iconCircle -secondary60 sds-snetFrame__menuLinkBubble" aria-hidden="true">

                                        <span class="sds-icon sds-icon-instrument"></span>

                                    </span>

                                </span>

                                <span class="sds-snetFrame__menuItemText">Instruments financiers</span>

                            </a>

                        </li>

                        <li class="sds-snetFrame__menuItem">
                            <a href="" class="sds-snetFrame__menuLink">

                                <span data-toggle="tooltip" data-title="Mailbox" data-placement="right" data-boundary="window">

                                    <span class="sds-iconCircle -secondary60 sds-snetFrame__menuLinkBubble" aria-hidden="true">

                                        <span class="sds-icon sds-icon-message"></span>

                                    </span>

                                </span>

                                <span class="sds-snetFrame__menuItemText">Mailbox</span>

                            </a>

                        </li>

                        <li class="sds-snetFrame__menuItem">
                            <a href="" class="sds-snetFrame__menuLink">

                                <span data-toggle="tooltip" data-title="Store" data-placement="right" data-boundary="window">

                                    <span class="sds-iconCircle -secondary60 sds-snetFrame__menuLinkBubble" aria-hidden="true">

                                        <span class="sds-icon sds-icon-shoppingbag"></span>

                                    </span>

                                </span>

                                <span class="sds-snetFrame__menuItemText">Store</span>

                            </a>

                        </li>

                        <li class="sds-snetFrame__menuItem">
                            <a href="" class="sds-snetFrame__menuLink">

                                <span data-toggle="tooltip" data-title="Espace fiscal" data-placement="right" data-boundary="window">

                                    <span class="sds-iconCircle -secondary60 sds-snetFrame__menuLinkBubble" aria-hidden="true">

                                        <span class="sds-icon sds-icon-percentage"></span>

                                    </span>

                                </span>

                                <span class="sds-snetFrame__menuItemText">Espace fiscal</span>

                            </a>

                        </li>

                    </ul>
                    <ul class="sds-snetFrame__settings list-unstyled">

                        <li class="sds-snetFrame__settingsItem sds-snetFrame__settingsOpenMenu">
                            <button type="button" class="sds-snetFrame__settingsButton">
                                <span class="sds-snetFrame__settingsButtonIcon sds-icon sds-icon-chevronrightdouble" data-toggle="tooltip" data-title="Toggle Menu" data-placement="right" data-boundary="window"></span>
                                <span class="sr-only">Déployer le menu</span>
                            </button>
                        </li>
                    </ul>
                </div>
            </nav>
        </div>

        <main class="sds-snetFrame__main" id="frameMain">
            <!-- panel header content start -->

            <div class="sds-snetFrame__mainHeader -headroom">

                <div class="sds-panelHeader">
                    <div class="sds-panelHeader__actionGroup">
                        <h1 class="h2">Documents</h1>
                    </div>
                    <div class="sds-panelHeader__alignEnd">
                        <div class="sds-panelHeader__actionGroup">
                            <button type="button" class="sds-btn -iconBtn -btnSecondary -btnInverse" disabled="true">

                                <span class="sds-icon sds-icon-reload"></span>

                            </button>
                            <button type="button" class="sds-btn -iconBtn -btnSecondary -btnInverse dropdown-toggle" data-toggle="modal" data-display="static">

                                <span class="sds-icon sds-icon-tablesetup"></span>

                            </button>
                        </div>
                    </div>
                </div>

            </div>

            <!-- panel header content end -->
            <div class="sds-snetFrame__mainContent">
                <!-- main content start -->

                <div class="row row-sm">
                    <div class="col-12 col-lg-4">
                        <a href="#" class="sds-iconLinkBox">
                            <span class="sds-iconLinkBox__icon sds-brandIconWrapper">

                                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M7 17C7 15.3431 8.34315 14 10 14H44C45.6569 14 47 15.3431 47 17V35H45V17C45 16.4477 44.5523 16 44 16H10C9.44772 16 9 16.4477 9 17V35H7V17ZM18 42C18 43.6569 19.3431 45 21 45L33 45C34.6569 45 36 43.6569 36 42V29.7932C36 29.0289 35.7084 28.2936 35.1846 27.7371L29.7322 21.9439C29.1653 21.3415 28.3748 21 27.5476 21L21 21C19.3431 21 18 22.3431 18 24V42ZM21 43C20.4477 43 20 42.5523 20 42V24C20 23.4477 20.4477 23 21 23L27 23V30H34V42C34 42.5523 33.5523 43 33 43L21 43ZM32.6856 28L29 24.0841V28L32.6856 28Z" fill="#003060" />
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M7 6C5.34315 6 4 7.34315 4 9V25H2V9C2 6.23858 4.23858 4 7 4H13C15.7614 4 18 6.23858 18 9V10H38V12H16V9C16 7.34314 14.6569 6 13 6H7Z" fill="#DE0000" />
                                </svg>

                            </span>
                            <div class="sds-iconLinkBox__inner sds-stackXs">
                                <h4 class="h4">Autres</h4>

                                <p class="sds-metaColor sds-textHelper">11 documents</p>

                            </div>
                        </a>
                    </div>
                    <div class="col-12 col-lg-4">
                        <a href="#" class="sds-iconLinkBox">
                            <span class="sds-iconLinkBox__icon sds-brandIconWrapper">

                                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M32 16H22V14H32V16Z" fill="#DE0000" />
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M10.9998 4C10.9998 2.89543 11.8952 2 12.9998 2H18.9998V4L12.9998 4L12.9998 26H10.9998L10.9998 4ZM40.9998 4H26.9998V2H40.9998C42.1044 2 42.9998 2.89543 42.9998 4V44C42.9998 45.1046 42.1044 46 40.9998 46H12.9998C11.8952 46 10.9998 45.1046 10.9998 44V43H12.9998V44H40.9998V4ZM31.9999 20H21.9999V18H31.9999V20ZM21.9999 24H27.9999V22H21.9999V24ZM27 29C32.5228 29 37 24.5228 37 19C37 13.4772 32.5228 9 27 9C21.4771 9 17 13.4772 17 19C17 24.5228 21.4771 29 27 29ZM27 31C33.6274 31 39 25.6274 39 19C39 12.3726 33.6274 7 27 7C20.3725 7 15 12.3726 15 19C15 21.2337 15.6102 23.3249 16.6732 25.1158L4.12116 37.6679C2.94959 38.8395 2.94959 40.739 4.12116 41.9105C5.29273 43.0821 7.19222 43.0821 8.36379 41.9105L20.924 29.3503C22.7061 30.3987 24.7828 31 27 31ZM17.789 26.8284L19.2032 28.2426L6.94958 40.4963C6.55906 40.8869 5.9259 40.8869 5.53537 40.4963C5.14485 40.1058 5.14485 39.4726 5.53537 39.0821L17.789 26.8284Z" fill="#003060" />
                                </svg>

                            </span>
                            <div class="sds-iconLinkBox__inner sds-stackXs">
                                <h4 class="h4">Contrats et Conditions</h4>

                                <p class="sds-metaColor sds-textHelper">55 documents</p>

                            </div>
                        </a>
                    </div>
                    <div class="col-12 col-lg-4">
                        <a href="#" class="sds-iconLinkBox">
                            <span class="sds-iconLinkBox__icon sds-brandIconWrapper">

                                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M6 12H42C42.5523 12 43 12.4477 43 13V35C43 35.5523 42.5523 36 42 36H6C5.44772 36 5 35.5523 5 35V13C5 12.4477 5.44772 12 6 12ZM3 13C3 11.3431 4.34315 10 6 10H42C43.6569 10 45 11.3431 45 13V35C45 36.6569 43.6569 38 42 38H6C4.34315 38 3 36.6569 3 35V13ZM10 19H15V22H10V19ZM8 19C8 17.8954 8.89543 17 10 17H15C16.1046 17 17 17.8954 17 19V22C17 23.1046 16.1046 24 15 24H10C8.89543 24 8 23.1046 8 22V19ZM34 29H8V27H34V29ZM8 33H39V31H8V33Z" fill="#003060" />
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M33 21.5859L38.2929 16.293L39.7071 17.7072L33.7071 23.7072C33.3166 24.0977 32.6834 24.0977 32.2929 23.7072L28.2929 19.7072L29.7071 18.293L33 21.5859Z" fill="#DE0000" />
                                </svg>

                            </span>
                            <div class="sds-iconLinkBox__inner sds-stackXs">
                                <h4 class="h4">Extraits et relevés</h4>

                                <p class="sds-metaColor sds-textHelper">504 documents</p>

                            </div>
                        </a>
                    </div>
                    <div class="col-12 col-lg-4">
                        <a href="#" class="sds-iconLinkBox">
                            <span class="sds-iconLinkBox__icon sds-brandIconWrapper">

                                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <g clip-path="url(#clip0_804_4665)">
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M34 39C33.4477 39 33 39.4477 33 40V44.5858L38.5858 39H34ZM31 40C31 38.3431 32.3431 37 34 37H41C41.4045 37 41.7691 37.2436 41.9239 37.6173C42.0787 37.991 41.9931 38.4211 41.7071 38.7071L32.7071 47.7071C32.4211 47.9931 31.991 48.0787 31.6173 47.9239C31.2436 47.7691 31 47.4045 31 47V40Z" fill="#DE0000" />
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M10 3C9.44772 3 9 3.44772 9 4V45C9 45.5523 9.44772 46 10 46H29V48H10C8.34315 48 7 46.6569 7 45V4C7 2.34315 8.34315 1 10 1H39C40.6569 1 42 2.34315 42 4V35H40V4C40 3.44772 39.5523 3 39 3H10ZM17 16V34H19V16H17ZM21 16V34H23V16H21ZM25 34V16H27V34H25ZM29 16V34H31V16H29ZM15 15.5C15 15.2284 15.2225 15 15.5072 15H32.4928C32.7775 15 33 15.2284 33 15.5C33 15.7716 32.7775 16 32.4928 16H32V18H32.4928C33.873 18 35 16.8853 35 15.5C35 14.1147 33.873 13 32.4928 13H15.5072C14.127 13 13 14.1147 13 15.5C13 16.8853 14.127 18 15.5072 18H16V16H15.5072C15.2225 16 15 15.7716 15 15.5Z" fill="#003060" />
                                    </g>
                                    <defs>
                                        <clipPath id="clip0_804_4665">
                                            <rect width="48" height="48" fill="white" />
                                        </clipPath>
                                    </defs>
                                </svg>

                            </span>
                            <div class="sds-iconLinkBox__inner sds-stackXs">
                                <h4 class="h4">Instruments financiers</h4>

                                <p class="sds-metaColor sds-textHelper">141 documents</p>

                                <div class="sds-iconLinkBox__dot">
                                    <div class="sr-only">Non lu</div>
                                    <span class="sds-dot -dotDanger"></span>
                                </div>

                            </div>
                        </a>
                    </div>
                    <div class="col-12 col-lg-4">
                        <a href="#" class="sds-iconLinkBox">
                            <span class="sds-iconLinkBox__icon sds-brandIconWrapper">

                                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M2 7H46V39H36.1363V37H38.2904L44 25.6154V20.5209L38.222 9H9.86093L4 20.6863V25.4499L9.7926 37H23.7276V39H2V7ZM7.55517 37L4 29.9112V37H7.55517ZM44 37H40.5278L44 30.0767V37ZM40.4595 9L44 16.0596V9H40.4595ZM4 9H7.6235L4 16.225V9Z" fill="#003060" />
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M24 27.5C24 24.4624 26.4624 22 29.5 22C32.5376 22 35 24.4624 35 27.5C35 30.5376 32.5376 33 29.5 33C26.4624 33 24 30.5376 24 27.5ZM29.5 20C25.3579 20 22 23.3579 22 27.5C22 30.378 23.6211 32.8775 26 34.135V45.5315L29.5 39.8469L33 45.5315V34.135C35.3789 32.8775 37 30.378 37 27.5C37 23.3579 33.6421 20 29.5 20ZM31 34.85C30.5153 34.9484 30.0137 35 29.5 35C28.9863 35 28.4847 34.9484 28 34.85V38.4685L29.5 36.0323L31 38.4685V34.85Z" fill="#DE0000" />
                                </svg>

                            </span>
                            <div class="sds-iconLinkBox__inner sds-stackXs">
                                <h4 class="h4">Certificats et fiscalité</h4>

                                <p class="sds-metaColor sds-textHelper">25 documents</p>

                            </div>
                        </a>
                    </div>
                </div>

                <!-- main content end -->
            </div>

        </main>
    </div>
</div>
<!-- content such as modals, tooltips, popovers etc should be included here -->
{% extends "@snet-page-frame" %}
{% block panelHeaderContent %}
	<div class="{{ namespace }}panelHeader">
		<div class="{{ namespace }}panelHeader__actionGroup">
			<h1 class="h2">Documents</h1>
		</div>
		<div class="{{ namespace }}panelHeader__alignEnd">
			<div class="{{ namespace }}panelHeader__actionGroup">
				{% render "@icon-btn-secondary-inverse",{
					icon: "icon-reload",
					attrs: {
						disabled: true
					}
				},true %}
				{% render "@icon-btn-secondary-inverse",{
					icon: "icon-tablesetup",
					classes: ["dropdown-toggle"],
					attrs: {
						"data-toggle": "modal",
						"data-display": "static"
					}
				},true %}
			</div>
		</div>
	</div>
{% endblock %}
{% block panelMainContent %}
	<div class="row row-sm">
		<div class="col-12 col-lg-4">
			{% render "@spk-icon-link-box--spot-meta",{
				inlineSVG: '<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
				<path fill-rule="evenodd" clip-rule="evenodd" d="M7 17C7 15.3431 8.34315 14 10 14H44C45.6569 14 47 15.3431 47 17V35H45V17C45 16.4477 44.5523 16 44 16H10C9.44772 16 9 16.4477 9 17V35H7V17ZM18 42C18 43.6569 19.3431 45 21 45L33 45C34.6569 45 36 43.6569 36 42V29.7932C36 29.0289 35.7084 28.2936 35.1846 27.7371L29.7322 21.9439C29.1653 21.3415 28.3748 21 27.5476 21L21 21C19.3431 21 18 22.3431 18 24V42ZM21 43C20.4477 43 20 42.5523 20 42V24C20 23.4477 20.4477 23 21 23L27 23V30H34V42C34 42.5523 33.5523 43 33 43L21 43ZM32.6856 28L29 24.0841V28L32.6856 28Z" fill="#003060"/>
				<path fill-rule="evenodd" clip-rule="evenodd" d="M7 6C5.34315 6 4 7.34315 4 9V25H2V9C2 6.23858 4.23858 4 7 4H13C15.7614 4 18 6.23858 18 9V10H38V12H16V9C16 7.34314 14.6569 6 13 6H7Z" fill="#DE0000"/>
				</svg>',
				spotillu: false,
				title: "Autres",
				meta: "11 documents",
				badgeDot: false
			},true %}
		</div>
		<div class="col-12 col-lg-4">
			{% render "@spk-icon-link-box--spot-meta",{
				inlineSVG: '<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
				<path fill-rule="evenodd" clip-rule="evenodd" d="M32 16H22V14H32V16Z" fill="#DE0000"/>
				<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9998 4C10.9998 2.89543 11.8952 2 12.9998 2H18.9998V4L12.9998 4L12.9998 26H10.9998L10.9998 4ZM40.9998 4H26.9998V2H40.9998C42.1044 2 42.9998 2.89543 42.9998 4V44C42.9998 45.1046 42.1044 46 40.9998 46H12.9998C11.8952 46 10.9998 45.1046 10.9998 44V43H12.9998V44H40.9998V4ZM31.9999 20H21.9999V18H31.9999V20ZM21.9999 24H27.9999V22H21.9999V24ZM27 29C32.5228 29 37 24.5228 37 19C37 13.4772 32.5228 9 27 9C21.4771 9 17 13.4772 17 19C17 24.5228 21.4771 29 27 29ZM27 31C33.6274 31 39 25.6274 39 19C39 12.3726 33.6274 7 27 7C20.3725 7 15 12.3726 15 19C15 21.2337 15.6102 23.3249 16.6732 25.1158L4.12116 37.6679C2.94959 38.8395 2.94959 40.739 4.12116 41.9105C5.29273 43.0821 7.19222 43.0821 8.36379 41.9105L20.924 29.3503C22.7061 30.3987 24.7828 31 27 31ZM17.789 26.8284L19.2032 28.2426L6.94958 40.4963C6.55906 40.8869 5.9259 40.8869 5.53537 40.4963C5.14485 40.1058 5.14485 39.4726 5.53537 39.0821L17.789 26.8284Z" fill="#003060"/>
				</svg>',
				spotillu: false,
				title: "Contrats et Conditions",
				meta: "55 documents",
				badgeDot: false
			},true %}
		</div>
		<div class="col-12 col-lg-4">
			{% render "@spk-icon-link-box--spot-meta",{
				inlineSVG: '<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
				<path fill-rule="evenodd" clip-rule="evenodd" d="M6 12H42C42.5523 12 43 12.4477 43 13V35C43 35.5523 42.5523 36 42 36H6C5.44772 36 5 35.5523 5 35V13C5 12.4477 5.44772 12 6 12ZM3 13C3 11.3431 4.34315 10 6 10H42C43.6569 10 45 11.3431 45 13V35C45 36.6569 43.6569 38 42 38H6C4.34315 38 3 36.6569 3 35V13ZM10 19H15V22H10V19ZM8 19C8 17.8954 8.89543 17 10 17H15C16.1046 17 17 17.8954 17 19V22C17 23.1046 16.1046 24 15 24H10C8.89543 24 8 23.1046 8 22V19ZM34 29H8V27H34V29ZM8 33H39V31H8V33Z" fill="#003060"/>
				<path fill-rule="evenodd" clip-rule="evenodd" d="M33 21.5859L38.2929 16.293L39.7071 17.7072L33.7071 23.7072C33.3166 24.0977 32.6834 24.0977 32.2929 23.7072L28.2929 19.7072L29.7071 18.293L33 21.5859Z" fill="#DE0000"/>
				</svg>',
				spotillu: false,
				title: "Extraits et relevés",
				meta: "504 documents",
				badgeDot: false
			},true %}
		</div>
		<div class="col-12 col-lg-4">
			{% render "@spk-icon-link-box--spot-meta",{
				inlineSVG: '<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
				<g clip-path="url(#clip0_804_4665)">
				<path fill-rule="evenodd" clip-rule="evenodd" d="M34 39C33.4477 39 33 39.4477 33 40V44.5858L38.5858 39H34ZM31 40C31 38.3431 32.3431 37 34 37H41C41.4045 37 41.7691 37.2436 41.9239 37.6173C42.0787 37.991 41.9931 38.4211 41.7071 38.7071L32.7071 47.7071C32.4211 47.9931 31.991 48.0787 31.6173 47.9239C31.2436 47.7691 31 47.4045 31 47V40Z" fill="#DE0000"/>
				<path fill-rule="evenodd" clip-rule="evenodd" d="M10 3C9.44772 3 9 3.44772 9 4V45C9 45.5523 9.44772 46 10 46H29V48H10C8.34315 48 7 46.6569 7 45V4C7 2.34315 8.34315 1 10 1H39C40.6569 1 42 2.34315 42 4V35H40V4C40 3.44772 39.5523 3 39 3H10ZM17 16V34H19V16H17ZM21 16V34H23V16H21ZM25 34V16H27V34H25ZM29 16V34H31V16H29ZM15 15.5C15 15.2284 15.2225 15 15.5072 15H32.4928C32.7775 15 33 15.2284 33 15.5C33 15.7716 32.7775 16 32.4928 16H32V18H32.4928C33.873 18 35 16.8853 35 15.5C35 14.1147 33.873 13 32.4928 13H15.5072C14.127 13 13 14.1147 13 15.5C13 16.8853 14.127 18 15.5072 18H16V16H15.5072C15.2225 16 15 15.7716 15 15.5Z" fill="#003060"/>
				</g>
				<defs>
				<clipPath id="clip0_804_4665">
				<rect width="48" height="48" fill="white"/>
				</clipPath>
				</defs>
				</svg>',
				spotillu: false,
				title: "Instruments financiers",
				meta: "141 documents"
			},true %}
		</div>
		<div class="col-12 col-lg-4">
			{% render "@spk-icon-link-box--spot-meta",{
				inlineSVG: '<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
				<path fill-rule="evenodd" clip-rule="evenodd" d="M2 7H46V39H36.1363V37H38.2904L44 25.6154V20.5209L38.222 9H9.86093L4 20.6863V25.4499L9.7926 37H23.7276V39H2V7ZM7.55517 37L4 29.9112V37H7.55517ZM44 37H40.5278L44 30.0767V37ZM40.4595 9L44 16.0596V9H40.4595ZM4 9H7.6235L4 16.225V9Z" fill="#003060"/>
				<path fill-rule="evenodd" clip-rule="evenodd" d="M24 27.5C24 24.4624 26.4624 22 29.5 22C32.5376 22 35 24.4624 35 27.5C35 30.5376 32.5376 33 29.5 33C26.4624 33 24 30.5376 24 27.5ZM29.5 20C25.3579 20 22 23.3579 22 27.5C22 30.378 23.6211 32.8775 26 34.135V45.5315L29.5 39.8469L33 45.5315V34.135C35.3789 32.8775 37 30.378 37 27.5C37 23.3579 33.6421 20 29.5 20ZM31 34.85C30.5153 34.9484 30.0137 35 29.5 35C28.9863 35 28.4847 34.9484 28 34.85V38.4685L29.5 36.0323L31 38.4685V34.85Z" fill="#DE0000"/>
				</svg>',
				spotillu: false,
				title: "Certificats et fiscalité",
				meta: "25 documents",
				badgeDot: false
			},true %}
		</div>
	</div>
{% endblock %}