Achat Immobilier : De la Promesse \u00e0 la Signature - Infographie Legal Design<\/title>\n<style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');\n\n * { margin: 0; padding: 0; box-sizing: border-box; }\n\n body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n background: #f8f7fc;\n color: #2d2b3d;\n line-height: 1.6;\n max-width: 900px;\n margin: 0 auto;\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500 HERO \u2500\u2500\u2500\u2500\u2500 *\/\n .hero {\n background: linear-gradient(135deg, #6c3fa0 0%, #a855f7 50%, #c084fc 100%);\n padding: 48px 40px 56px;\n border-radius: 0 0 32px 32px;\n position: relative;\n overflow: hidden;\n }\n .hero::before {\n content: '';\n position: absolute;\n top: -60px; right: -60px;\n width: 220px; height: 220px;\n background: rgba(255,255,255,0.08);\n border-radius: 50%;\n }\n .hero::after {\n content: '';\n position: absolute;\n bottom: -40px; right: 80px;\n width: 140px; height: 140px;\n background: rgba(255,255,255,0.06);\n border-radius: 50%;\n }\n .badge {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background: rgba(255,255,255,0.15);\n backdrop-filter: blur(10px);\n padding: 10px 20px;\n border-radius: 12px;\n margin-bottom: 24px;\n }\n .badge svg { width: 28px; height: 28px; }\n .badge span {\n font-weight: 700;\n font-size: 13px;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: #fff;\n }\n .hero h1 {\n font-size: 34px;\n font-weight: 800;\n color: #fff;\n line-height: 1.15;\n margin-bottom: 16px;\n }\n .hero p {\n font-size: 17px;\n color: rgba(255,255,255,0.85);\n max-width: 620px;\n font-weight: 400;\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500 CONTENT \u2500\u2500\u2500\u2500\u2500 *\/\n .content { padding: 0 24px 60px; }\n\n \/* \u2500\u2500\u2500\u2500\u2500 DEFINITION \u2500\u2500\u2500\u2500\u2500 *\/\n .definition {\n background: #fff;\n border-left: 5px solid #a855f7;\n border-radius: 0 16px 16px 0;\n padding: 28px 32px;\n margin: -28px 16px 40px;\n position: relative;\n z-index: 2;\n box-shadow: 0 4px 24px rgba(108,63,160,0.10);\n font-size: 17px;\n }\n .definition strong { color: #7c3aed; font-weight: 700; }\n\n \/* \u2500\u2500\u2500\u2500\u2500 SECTION TITLE \u2500\u2500\u2500\u2500\u2500 *\/\n .section-title {\n display: flex;\n align-items: center;\n gap: 14px;\n margin: 48px 0 24px;\n }\n .section-title .icon-circle {\n width: 48px; height: 48px;\n background: linear-gradient(135deg, #7c3aed, #a855f7);\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n flex-shrink: 0;\n }\n .section-title .icon-circle svg { width: 24px; height: 24px; }\n .section-title h2 {\n font-size: 24px; font-weight: 700; color: #7c3aed;\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500 TIMELINE PRINCIPALE \u2500\u2500\u2500\u2500\u2500 *\/\n .main-timeline {\n position: relative;\n margin: 0 0 32px;\n }\n .tl-progress-bar {\n position: absolute;\n left: 35px;\n top: 0;\n bottom: 0;\n width: 4px;\n background: linear-gradient(180deg, #a855f7 0%, #7c3aed 100%);\n border-radius: 2px;\n z-index: 0;\n }\n\n .tl-step {\n position: relative;\n display: flex;\n align-items: flex-start;\n gap: 20px;\n margin-bottom: 8px;\n z-index: 1;\n }\n .tl-marker {\n width: 74px;\n flex-shrink: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n .tl-dot {\n width: 36px; height: 36px;\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n font-size: 16px;\n color: #fff;\n font-weight: 800;\n position: relative;\n z-index: 2;\n box-shadow: 0 2px 8px rgba(124,58,237,0.3);\n }\n .tl-time {\n font-size: 10px;\n font-weight: 700;\n color: #7c3aed;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n margin-top: 6px;\n text-align: center;\n white-space: nowrap;\n }\n .tl-card {\n flex: 1;\n background: #fff;\n border-radius: 16px;\n padding: 22px 24px;\n box-shadow: 0 2px 16px rgba(108,63,160,0.07);\n position: relative;\n overflow: hidden;\n margin-bottom: 12px;\n }\n .tl-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 5px; height: 100%;\n }\n .tl-card h4 {\n font-size: 16px;\n font-weight: 700;\n margin-bottom: 6px;\n display: flex;\n align-items: center;\n gap: 8px;\n }\n .tl-card p { font-size: 13px; color: #64748b; line-height: 1.5; }\n .tl-card .tl-tag {\n display: inline-block;\n padding: 3px 10px;\n border-radius: 6px;\n font-size: 11px;\n font-weight: 700;\n margin-top: 8px;\n }\n\n \/* Step colors *\/\n .step-purple .tl-dot { background: linear-gradient(135deg, #7c3aed, #a855f7); }\n .step-purple .tl-card::before { background: linear-gradient(180deg, #7c3aed, #a855f7); }\n .step-purple .tl-card h4 { color: #7c3aed; }\n\n .step-green .tl-dot { background: linear-gradient(135deg, #10b981, #34d399); }\n .step-green .tl-card::before { background: linear-gradient(180deg, #10b981, #34d399); }\n .step-green .tl-card h4 { color: #059669; }\n\n .step-amber .tl-dot { background: linear-gradient(135deg, #f59e0b, #fbbf24); }\n .step-amber .tl-card::before { background: linear-gradient(180deg, #f59e0b, #fbbf24); }\n .step-amber .tl-card h4 { color: #d97706; }\n\n .step-blue .tl-dot { background: linear-gradient(135deg, #0ea5e9, #38bdf8); }\n .step-blue .tl-card::before { background: linear-gradient(180deg, #0ea5e9, #38bdf8); }\n .step-blue .tl-card h4 { color: #0284c7; }\n\n .step-rose .tl-dot { background: linear-gradient(135deg, #ec4899, #f472b6); }\n .step-rose .tl-card::before { background: linear-gradient(180deg, #ec4899, #f472b6); }\n .step-rose .tl-card h4 { color: #db2777; }\n\n .step-teal .tl-dot { background: linear-gradient(135deg, #14b8a6, #2dd4bf); }\n .step-teal .tl-card::before { background: linear-gradient(180deg, #14b8a6, #2dd4bf); }\n .step-teal .tl-card h4 { color: #0d9488; }\n\n .step-red .tl-dot { background: linear-gradient(135deg, #ef4444, #f87171); }\n .step-red .tl-card::before { background: linear-gradient(180deg, #ef4444, #f87171); }\n .step-red .tl-card h4 { color: #dc2626; }\n\n .step-indigo .tl-dot { background: linear-gradient(135deg, #6366f1, #818cf8); }\n .step-indigo .tl-card::before { background: linear-gradient(180deg, #6366f1, #818cf8); }\n .step-indigo .tl-card h4 { color: #4f46e5; }\n\n .step-final .tl-dot {\n background: linear-gradient(135deg, #7c3aed, #a855f7);\n width: 44px; height: 44px;\n font-size: 22px;\n box-shadow: 0 4px 16px rgba(124,58,237,0.4);\n }\n .step-final .tl-card {\n background: linear-gradient(135deg, #f3f0ff, #ede9fe);\n border: 2px solid #c084fc;\n }\n .step-final .tl-card::before { background: linear-gradient(180deg, #7c3aed, #a855f7); }\n .step-final .tl-card h4 { color: #7c3aed; font-size: 18px; }\n .step-final .tl-card p { color: #5b21b6; }\n\n \/* \u2500\u2500\u2500\u2500\u2500 KEY POINT \u2500\u2500\u2500\u2500\u2500 *\/\n .key-point {\n background: #fff;\n border: 2px solid #e9d5ff;\n border-radius: 16px;\n padding: 20px 24px;\n margin: 24px 0;\n display: flex;\n align-items: flex-start;\n gap: 14px;\n }\n .key-point .kp-icon { font-size: 24px; flex-shrink: 0; }\n .key-point p { font-size: 14px; color: #5b21b6; font-weight: 500; }\n\n \/* \u2500\u2500\u2500\u2500\u2500 ACTEURS GRID \u2500\u2500\u2500\u2500\u2500 *\/\n .actors-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 16px;\n margin: 24px 0;\n }\n .actor-card {\n background: #fff;\n border-radius: 16px;\n padding: 24px 18px;\n text-align: center;\n box-shadow: 0 2px 16px rgba(108,63,160,0.07);\n position: relative;\n overflow: hidden;\n }\n .actor-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n }\n .actor-card:nth-child(1)::before { background: linear-gradient(90deg, #0ea5e9, #38bdf8); }\n .actor-card:nth-child(2)::before { background: linear-gradient(90deg, #f59e0b, #fbbf24); }\n .actor-card:nth-child(3)::before { background: linear-gradient(90deg, #7c3aed, #a855f7); }\n .actor-card .ac-icon { font-size: 36px; margin-bottom: 8px; }\n .actor-card h4 { font-size: 15px; font-weight: 700; margin-bottom: 8px; }\n .actor-card:nth-child(1) h4 { color: #0284c7; }\n .actor-card:nth-child(2) h4 { color: #d97706; }\n .actor-card:nth-child(3) h4 { color: #7c3aed; }\n .actor-card ul {\n list-style: none;\n padding: 0;\n text-align: left;\n }\n .actor-card ul li {\n font-size: 12px;\n color: #64748b;\n padding: 4px 0;\n display: flex;\n align-items: flex-start;\n gap: 6px;\n }\n .actor-card ul li .li-dot {\n width: 6px; height: 6px;\n border-radius: 50%;\n flex-shrink: 0;\n margin-top: 5px;\n }\n .actor-card:nth-child(1) .li-dot { background: #0ea5e9; }\n .actor-card:nth-child(2) .li-dot { background: #f59e0b; }\n .actor-card:nth-child(3) .li-dot { background: #7c3aed; }\n\n \/* \u2500\u2500\u2500\u2500\u2500 CONDITIONS SUSPENSIVES \u2500\u2500\u2500\u2500\u2500 *\/\n .conditions-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 14px;\n margin: 24px 0;\n }\n .cond-card {\n background: #fff;\n border-radius: 14px;\n padding: 18px 20px;\n box-shadow: 0 2px 12px rgba(108,63,160,0.06);\n display: flex;\n align-items: flex-start;\n gap: 12px;\n }\n .cond-card .cc-icon { font-size: 28px; flex-shrink: 0; }\n .cond-card h5 { font-size: 13px; font-weight: 700; color: #2d2b3d; margin-bottom: 2px; }\n .cond-card p { font-size: 12px; color: #64748b; line-height: 1.4; }\n\n \/* \u2500\u2500\u2500\u2500\u2500 D\u00c9LAIS VISUELS \u2500\u2500\u2500\u2500\u2500 *\/\n .delays-container {\n background: #fff;\n border-radius: 20px;\n padding: 28px;\n box-shadow: 0 2px 16px rgba(108,63,160,0.07);\n margin: 24px 0;\n }\n .delay-bar-row {\n display: flex;\n align-items: center;\n margin-bottom: 12px;\n }\n .delay-bar-row:last-child { margin-bottom: 0; }\n .delay-label {\n width: 100px;\n font-size: 11px;\n font-weight: 700;\n text-align: center;\n flex-shrink: 0;\n color: #2d2b3d;\n }\n .delay-track {\n flex: 1;\n height: 32px;\n background: #f3f0ff;\n border-radius: 8px;\n position: relative;\n overflow: hidden;\n }\n .delay-fill {\n height: 100%;\n border-radius: 8px;\n display: flex;\n align-items: center;\n padding: 0 12px;\n color: #fff;\n font-weight: 700;\n font-size: 12px;\n white-space: nowrap;\n }\n .df-purple { background: linear-gradient(90deg, #7c3aed, #a855f7); }\n .df-green { background: linear-gradient(90deg, #10b981, #34d399); }\n .df-amber { background: linear-gradient(90deg, #f59e0b, #fbbf24); }\n .df-blue { background: linear-gradient(90deg, #0ea5e9, #38bdf8); }\n .df-rose { background: linear-gradient(90deg, #ec4899, #f472b6); }\n\n \/* \u2500\u2500\u2500\u2500\u2500 SCALE TIMELINE \u2500\u2500\u2500\u2500\u2500 *\/\n .scale-timeline {\n background: #fff;\n border-radius: 20px;\n padding: 28px;\n box-shadow: 0 2px 16px rgba(108,63,160,0.07);\n margin: 24px 0;\n overflow-x: auto;\n }\n .scale-bar {\n display: flex;\n height: 56px;\n border-radius: 14px;\n overflow: hidden;\n margin-bottom: 12px;\n }\n .scale-segment {\n display: flex;\n align-items: center;\n justify-content: center;\n color: #fff;\n font-weight: 700;\n font-size: 11px;\n padding: 0 8px;\n text-align: center;\n line-height: 1.2;\n flex-direction: column;\n }\n .scale-segment .seg-sub {\n font-size: 9px;\n font-weight: 400;\n opacity: 0.85;\n margin-top: 2px;\n }\n .ss-purple { background: linear-gradient(135deg, #7c3aed, #a855f7); }\n .ss-green { background: linear-gradient(135deg, #10b981, #34d399); }\n .ss-amber { background: linear-gradient(135deg, #f59e0b, #fbbf24); }\n .ss-blue { background: linear-gradient(135deg, #0ea5e9, #38bdf8); }\n .ss-rose { background: linear-gradient(135deg, #ec4899, #f472b6); }\n .ss-teal { background: linear-gradient(135deg, #14b8a6, #2dd4bf); }\n .ss-indigo { background: linear-gradient(135deg, #6366f1, #818cf8); }\n\n .scale-labels {\n display: flex;\n justify-content: space-between;\n font-size: 11px;\n color: #64748b;\n font-weight: 600;\n padding: 0 4px;\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500 FRAIS GRID \u2500\u2500\u2500\u2500\u2500 *\/\n .frais-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 14px;\n margin: 24px 0;\n }\n .frais-card {\n background: #fff;\n border-radius: 14px;\n padding: 18px 14px;\n text-align: center;\n box-shadow: 0 2px 12px rgba(108,63,160,0.06);\n }\n .frais-card .fc-icon { font-size: 28px; margin-bottom: 6px; }\n .frais-card h5 { font-size: 12px; font-weight: 700; color: #7c3aed; margin-bottom: 4px; }\n .frais-card p { font-size: 11px; color: #64748b; line-height: 1.3; }\n\n \/* \u2500\u2500\u2500\u2500\u2500 ALERT BOX \u2500\u2500\u2500\u2500\u2500 *\/\n .alert-box {\n border-radius: 16px;\n padding: 22px 24px;\n margin: 20px 0;\n display: flex;\n align-items: flex-start;\n gap: 14px;\n }\n .alert-box.green {\n background: linear-gradient(135deg, #f0fdf4, #dcfce7);\n border: 2px solid #86efac;\n }\n .alert-box.green p { color: #166534; }\n .alert-box.red {\n background: linear-gradient(135deg, #fef2f2, #fee2e2);\n border: 2px solid #fca5a5;\n }\n .alert-box.red p { color: #991b1b; }\n .alert-box .ab-icon { font-size: 24px; flex-shrink: 0; }\n .alert-box p { font-size: 14px; font-weight: 500; }\n .alert-box p strong { font-weight: 700; }\n\n \/* \u2500\u2500\u2500\u2500\u2500 RECAP \u2500\u2500\u2500\u2500\u2500 *\/\n .recap {\n background: linear-gradient(135deg, #f3f0ff, #ede9fe);\n border-radius: 20px;\n padding: 32px;\n margin: 32px 0 0;\n }\n .recap h3 { font-size: 20px; font-weight: 700; color: #7c3aed; text-align: center; margin-bottom: 20px; }\n .recap-flow {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n flex-wrap: wrap;\n }\n .recap-pill {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n padding: 10px 16px;\n border-radius: 30px;\n font-size: 12px;\n font-weight: 600;\n color: #2d2b3d;\n box-shadow: 0 2px 8px rgba(108,63,160,0.08);\n }\n .recap-pill .rp-icon { font-size: 16px; }\n .recap-arrow {\n font-size: 18px;\n color: #a855f7;\n font-weight: 800;\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500 FOOTER \u2500\u2500\u2500\u2500\u2500 *\/\n .footer {\n text-align: center;\n padding: 24px;\n font-size: 12px;\n color: #a1a1aa;\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500\u2500\u2500 *\/\n @media (max-width: 640px) {\n .hero { padding: 32px 24px 40px; }\n .hero h1 { font-size: 24px; }\n .definition { margin: -20px 8px 32px; padding: 20px; font-size: 15px; }\n .actors-grid { grid-template-columns: 1fr; }\n .conditions-grid { grid-template-columns: 1fr; }\n .frais-grid { grid-template-columns: 1fr 1fr; }\n .scale-bar { min-width: 600px; }\n .tl-marker { width: 60px; }\n .tl-time { font-size: 9px; }\n .recap-flow { flex-direction: column; }\n .recap-arrow { transform: rotate(90deg); }\n }\n<\/style>\n<\/head>\n<body>\n\n\n<header class=\"hero\">\n <div class=\"badge\">\n <svg viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <circle cx=\"12\" cy=\"14\" r=\"8\" stroke=\"#fff\" stroke-width=\"2.5\" fill=\"none\"\/>\n <path d=\"M18 20l10 0\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\n <path d=\"M24 16l0 8\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\n <path d=\"M28 16l0 8\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\n <\/svg>\n <span>Legal Design<\/span>\n <\/div>\n <h1>Achat Immobilier<br><span style=\"font-size:26px; font-weight:600; opacity:0.9;\">De la promesse de vente \u00e0 la signature<\/span><\/h1>\n <p>Tout ce qui se passe entre le compromis et l'acte authentique : un parcours de 3 \u00e0 4 mois jalonn\u00e9 d'\u00e9tapes cl\u00e9s.<\/p>\n<\/header>\n\n\n<div class=\"definition\">\n Apr\u00e8s l'accord entre vendeur et acqu\u00e9reur, un <strong>compromis<\/strong> (ou <strong>promesse de vente<\/strong>) est sign\u00e9. S'ouvre alors une p\u00e9riode de <strong>3 \u00e0 4 mois<\/strong> pendant laquelle l'acheteur, le vendeur et le notaire r\u00e9alisent chacun des d\u00e9marches indispensables avant la signature de l'<strong>acte authentique<\/strong> chez le notaire.\n<\/div>\n\n<div class=\"content\">\n\n \n <div class=\"section-title\">\n <div class=\"icon-circle\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"#fff\" stroke-width=\"2\" fill=\"none\"\/><path d=\"M12 6v6l4 2\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\n <\/div>\n <h2>Le parcours \u00e9tape par \u00e9tape<\/h2>\n <\/div>\n\n <div class=\"main-timeline\">\n <div class=\"tl-progress-bar\"><\/div>\n\n \n <div class=\"tl-step step-purple\">\n <div class=\"tl-marker\">\n <div class=\"tl-dot\">1<\/div>\n <div class=\"tl-time\">Jour J<\/div>\n <\/div>\n <div class=\"tl-card\">\n <h4>\u270d\ufe0f Signature du compromis de vente<\/h4>\n <p>L'acheteur et le vendeur signent le compromis (ou la promesse unilat\u00e9rale de vente) chez le notaire ou en agence. L'acheteur verse un <strong>d\u00e9p\u00f4t de garantie<\/strong> (en g\u00e9n\u00e9ral 5 \u00e0 10 % du prix).<\/p>\n <span class=\"tl-tag\" style=\"background:#f3f0ff; color:#7c3aed;\">\ud83d\udccb Pr\u00e9-contrat engageant les deux parties<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"tl-step step-green\">\n <div class=\"tl-marker\">\n <div class=\"tl-dot\">2<\/div>\n <div class=\"tl-time\">J+1 \u2192 J+10<\/div>\n <\/div>\n <div class=\"tl-card\">\n <h4>\ud83d\udee1\ufe0f D\u00e9lai de r\u00e9tractation de 10 jours<\/h4>\n <p>L'acheteur dispose de <strong>10 jours calendaires<\/strong> pour se r\u00e9tracter sans motif et sans p\u00e9nalit\u00e9. Le d\u00e9lai court \u00e0 partir du lendemain de la notification du compromis (lettre recommand\u00e9e ou remise en main propre).<\/p>\n <span class=\"tl-tag\" style=\"background:#f0fdf4; color:#059669;\">\u2705 Protection de l'acheteur \u2014 droit inconditionnel<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"tl-step step-amber\">\n <div class=\"tl-marker\">\n <div class=\"tl-dot\">3<\/div>\n <div class=\"tl-time\">J+10 \u2192 J+45<\/div>\n <\/div>\n <div class=\"tl-card\">\n <h4>\ud83c\udfe6 Recherche de financement<\/h4>\n <p>L'acheteur d\u00e9pose ses demandes de pr\u00eat. Il doit fournir une <strong>attestation de demande de pr\u00eat<\/strong> sous 15 jours, puis obtenir une <strong>offre de pr\u00eat d\u00e9finitive<\/strong> dans le d\u00e9lai pr\u00e9vu au compromis (g\u00e9n\u00e9ralement 45 \u00e0 60 jours).<\/p>\n <span class=\"tl-tag\" style=\"background:#fffbeb; color:#d97706;\">\u23f3 Condition suspensive la plus fr\u00e9quente<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"tl-step step-blue\">\n <div class=\"tl-marker\">\n <div class=\"tl-dot\">4<\/div>\n <div class=\"tl-time\">J+10 \u2192 J+60<\/div>\n <\/div>\n <div class=\"tl-card\">\n <h4>\ud83d\udccb Lev\u00e9e des conditions suspensives<\/h4>\n <p>Chaque condition suspensive est v\u00e9rifi\u00e9e progressivement : obtention du pr\u00eat, absence de servitude, r\u00e9sultat des diagnostics, absence de pr\u00e9emption par la commune\u2026 Si une condition n'est pas remplie, la vente peut \u00eatre annul\u00e9e.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"tl-step step-rose\">\n <div class=\"tl-marker\">\n <div class=\"tl-dot\">5<\/div>\n <div class=\"tl-time\">J+10 \u2192 J+75<\/div>\n <\/div>\n <div class=\"tl-card\">\n <h4>\ud83d\udd0d V\u00e9rifications du notaire<\/h4>\n <p>Le notaire effectue de nombreuses v\u00e9rifications : <strong>\u00e9tat hypoth\u00e9caire<\/strong> du bien, <strong>urbanisme<\/strong> (certificat d'urbanisme, droit de pr\u00e9emption), <strong>titre de propri\u00e9t\u00e9<\/strong> du vendeur, situation cadastrale, servitudes \u00e9ventuelles.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"tl-step step-teal\">\n <div class=\"tl-marker\">\n <div class=\"tl-dot\">6<\/div>\n <div class=\"tl-time\">J+45 \u2192 J+75<\/div>\n <\/div>\n <div class=\"tl-card\">\n <h4>\ud83d\udcd1 R\u00e9ception de l'offre de pr\u00eat<\/h4>\n <p>La banque \u00e9met une <strong>offre de pr\u00eat<\/strong> officielle. L'acheteur doit respecter un <strong>d\u00e9lai de r\u00e9flexion de 10 jours<\/strong> avant de l'accepter (d\u00e9lai Scrivener). Il ne peut la retourner sign\u00e9e qu'\u00e0 partir du 11\u1d49 jour.<\/p>\n <span class=\"tl-tag\" style=\"background:#f0fdfa; color:#0d9488;\">\ud83d\udcc5 D\u00e9lai incompressible de 10 jours (loi Scrivener)<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"tl-step step-indigo\">\n <div class=\"tl-marker\">\n <div class=\"tl-dot\">7<\/div>\n <div class=\"tl-time\">J+75 \u2192 J+90<\/div>\n <\/div>\n <div class=\"tl-card\">\n <h4>\ud83d\udcb6 Appel de fonds & pr\u00e9paration de l'acte<\/h4>\n <p>Le notaire adresse l'<strong>appel de fonds<\/strong> \u00e0 la banque pour d\u00e9bloquer le pr\u00eat. Il pr\u00e9pare l'<strong>acte authentique de vente<\/strong> et convoque les parties pour la signature. Le solde du prix et les frais de notaire sont vers\u00e9s.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"tl-step step-final\">\n <div class=\"tl-marker\">\n <div class=\"tl-dot\">\ud83d\udd11<\/div>\n <div class=\"tl-time\">J+90 \u2192 J+120<\/div>\n <\/div>\n <div class=\"tl-card\">\n <h4>\ud83c\udf89 Signature de l'acte authentique<\/h4>\n <p>Le jour J ! L'acheteur et le vendeur signent l'acte d\u00e9finitif chez le notaire. <strong>Les cl\u00e9s sont remises<\/strong> et l'acheteur devient officiellement propri\u00e9taire. Le notaire publie la vente au Service de la publicit\u00e9 fonci\u00e8re.<\/p>\n <span class=\"tl-tag\" style=\"background:#f3f0ff; color:#7c3aed;\">\ud83c\udfe0 Transfert de propri\u00e9t\u00e9 imm\u00e9diat<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n\n \n <div class=\"section-title\">\n <div class=\"icon-circle\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M23 6l-9.5 9.5-5-5L1 18\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/><polyline points=\"17 6 23 6 23 12\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/><\/svg>\n <\/div>\n <h2>Vue d'ensemble des d\u00e9lais<\/h2>\n <\/div>\n\n <div class=\"scale-timeline\">\n <div class=\"scale-bar\">\n <div class=\"scale-segment ss-purple\" style=\"flex: 1;\">\n Compromis\n <span class=\"seg-sub\">Jour J<\/span>\n <\/div>\n <div class=\"scale-segment ss-green\" style=\"flex: 1.5;\">\n R\u00e9tractation\n <span class=\"seg-sub\">10 jours<\/span>\n <\/div>\n <div class=\"scale-segment ss-amber\" style=\"flex: 4;\">\n Recherche pr\u00eat + conditions suspensives\n <span class=\"seg-sub\">30-60 jours<\/span>\n <\/div>\n <div class=\"scale-segment ss-teal\" style=\"flex: 1.5;\">\n Offre pr\u00eat\n <span class=\"seg-sub\">10j r\u00e9flexion<\/span>\n <\/div>\n <div class=\"scale-segment ss-indigo\" style=\"flex: 2;\">\n Appel de fonds\n <span class=\"seg-sub\">~15 jours<\/span>\n <\/div>\n <div class=\"scale-segment ss-purple\" style=\"flex: 1;\">\n Signature\n <span class=\"seg-sub\">\ud83d\udd11<\/span>\n <\/div>\n <\/div>\n <div class=\"scale-labels\">\n <span>Jour 0<\/span>\n <span>1 mois<\/span>\n <span>2 mois<\/span>\n <span>3 mois<\/span>\n <span>3-4 mois<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"section-title\">\n <div class=\"icon-circle\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/><\/svg>\n <\/div>\n <h2>Qui fait quoi pendant ces 3 mois ?<\/h2>\n <\/div>\n\n <div class=\"actors-grid\">\n <div class=\"actor-card\">\n <div class=\"ac-icon\">\ud83c\udfe0<\/div>\n <h4>L'Acheteur<\/h4>\n <ul>\n <li><span class=\"li-dot\"><\/span> D\u00e9pose les demandes de pr\u00eat<\/li>\n <li><span class=\"li-dot\"><\/span> Souscrit l'assurance emprunteur<\/li>\n <li><span class=\"li-dot\"><\/span> Accepte l'offre de pr\u00eat (apr\u00e8s 10j)<\/li>\n <li><span class=\"li-dot\"><\/span> Verse le solde le jour de la signature<\/li>\n <\/ul>\n <\/div>\n <div class=\"actor-card\">\n <div class=\"ac-icon\">\ud83d\udd11<\/div>\n <h4>Le Vendeur<\/h4>\n <ul>\n <li><span class=\"li-dot\"><\/span> Fournit les diagnostics techniques<\/li>\n <li><span class=\"li-dot\"><\/span> Transmet les documents (PV AG, charges\u2026)<\/li>\n <li><span class=\"li-dot\"><\/span> Purge le droit de pr\u00e9emption locataire<\/li>\n <li><span class=\"li-dot\"><\/span> Remet les cl\u00e9s le jour de la signature<\/li>\n <\/ul>\n <\/div>\n <div class=\"actor-card\">\n <div class=\"ac-icon\">\u2696\ufe0f<\/div>\n <h4>Le Notaire<\/h4>\n <ul>\n <li><span class=\"li-dot\"><\/span> V\u00e9rifie l'\u00e9tat hypoth\u00e9caire<\/li>\n <li><span class=\"li-dot\"><\/span> Contr\u00f4le l'urbanisme et les servitudes<\/li>\n <li><span class=\"li-dot\"><\/span> Purge le droit de pr\u00e9emption communal<\/li>\n <li><span class=\"li-dot\"><\/span> R\u00e9dige l'acte et proc\u00e8de \u00e0 l'appel de fonds<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n \n <div class=\"section-title\">\n <div class=\"icon-circle\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" fill=\"none\"\/><polyline points=\"22 4 12 14.01 9 11.01\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/><\/svg>\n <\/div>\n <h2>Les conditions suspensives<\/h2>\n <\/div>\n\n <div class=\"conditions-grid\">\n <div class=\"cond-card\">\n <span class=\"cc-icon\">\ud83c\udfe6<\/span>\n <div>\n <h5>Obtention du pr\u00eat<\/h5>\n <p>La plus courante. Si le pr\u00eat est refus\u00e9, l'acheteur r\u00e9cup\u00e8re son d\u00e9p\u00f4t de garantie.<\/p>\n <\/div>\n <\/div>\n <div class=\"cond-card\">\n <span class=\"cc-icon\">\ud83c\udfd8\ufe0f<\/span>\n <div>\n <h5>Absence de pr\u00e9emption<\/h5>\n <p>La commune ou le locataire peut avoir un droit de pr\u00e9emption prioritaire.<\/p>\n <\/div>\n <\/div>\n <div class=\"cond-card\">\n <span class=\"cc-icon\">\ud83d\udccb<\/span>\n <div>\n <h5>Absence de servitude grave<\/h5>\n <p>D\u00e9couverte d'une servitude non mentionn\u00e9e qui rendrait le bien impropre \u00e0 l'usage.<\/p>\n <\/div>\n <\/div>\n <div class=\"cond-card\">\n <span class=\"cc-icon\">\ud83c\udfd7\ufe0f<\/span>\n <div>\n <h5>Obtention du permis<\/h5>\n <p>Si l'achat est conditionn\u00e9 \u00e0 l'obtention d'un permis de construire ou d'am\u00e9nager.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"alert-box green\">\n <span class=\"ab-icon\">\u2705<\/span>\n <p><strong>Conditions remplies ?<\/strong> La vente peut se poursuivre vers la signature de l'acte authentique.<\/p>\n <\/div>\n <div class=\"alert-box red\">\n <span class=\"ab-icon\">\u274c<\/span>\n <p><strong>Condition non remplie ?<\/strong> La vente est annul\u00e9e de plein droit. L'acheteur r\u00e9cup\u00e8re l'int\u00e9gralit\u00e9 de son d\u00e9p\u00f4t de garantie, sans p\u00e9nalit\u00e9.<\/p>\n <\/div>\n\n \n <div class=\"section-title\">\n <div class=\"icon-circle\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 1v22M17 5H9.5a3.5 3.5 0 1 0 0 7h5a3.5 3.5 0 1 1 0 7H6\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/><\/svg>\n <\/div>\n <h2>Les frais \u00e0 pr\u00e9voir<\/h2>\n <\/div>\n\n <div class=\"frais-grid\">\n <div class=\"frais-card\">\n <div class=\"fc-icon\">\ud83d\udcdc<\/div>\n <h5>Frais de notaire<\/h5>\n <p>7-8 % (ancien)<br>2-3 % (neuf)<\/p>\n <\/div>\n <div class=\"frais-card\">\n <div class=\"fc-icon\">\ud83c\udfe6<\/div>\n <h5>Frais de dossier<\/h5>\n <p>Frais bancaires li\u00e9s au pr\u00eat immobilier<\/p>\n <\/div>\n <div class=\"frais-card\">\n <div class=\"fc-icon\">\ud83d\udee1\ufe0f<\/div>\n <h5>Assurance emprunteur<\/h5>\n <p>Obligatoire pour obtenir le pr\u00eat<\/p>\n <\/div>\n <div class=\"frais-card\">\n <div class=\"fc-icon\">\ud83d\udd12<\/div>\n <h5>Garantie<\/h5>\n <p>Hypoth\u00e8que, PPD ou caution bancaire<\/p>\n <\/div>\n <\/div>\n\n <div class=\"key-point\">\n <span class=\"kp-icon\">\ud83d\udca1<\/span>\n <p>Les \u00ab frais de notaire \u00bb ne sont pas les honoraires du notaire : ils incluent principalement les <strong>droits de mutation<\/strong> (taxes revers\u00e9es \u00e0 l'\u00c9tat et aux collectivit\u00e9s), les <strong>d\u00e9bours<\/strong> et seulement une petite part d'\u00e9moluments.<\/p>\n <\/div>\n\n \n <div class=\"recap\">\n <h3>Le parcours en un coup d'\u0153il<\/h3>\n <div class=\"recap-flow\">\n <div class=\"recap-pill\"><span class=\"rp-icon\">\u270d\ufe0f<\/span> Compromis<\/div>\n <span class=\"recap-arrow\">\u2192<\/span>\n <div class=\"recap-pill\"><span class=\"rp-icon\">\ud83d\udee1\ufe0f<\/span> 10j r\u00e9tractation<\/div>\n <span class=\"recap-arrow\">\u2192<\/span>\n <div class=\"recap-pill\"><span class=\"rp-icon\">\ud83c\udfe6<\/span> Recherche pr\u00eat<\/div>\n <span class=\"recap-arrow\">\u2192<\/span>\n <div class=\"recap-pill\"><span class=\"rp-icon\">\ud83d\udccb<\/span> Conditions suspensives<\/div>\n <span class=\"recap-arrow\">\u2192<\/span>\n <div class=\"recap-pill\"><span class=\"rp-icon\">\ud83d\udcd1<\/span> Offre de pr\u00eat<\/div>\n <span class=\"recap-arrow\">\u2192<\/span>\n <div class=\"recap-pill\"><span class=\"rp-icon\">\ud83d\udcb6<\/span> Appel de fonds<\/div>\n <span class=\"recap-arrow\">\u2192<\/span>\n <div class=\"recap-pill\"><span class=\"rp-icon\">\ud83d\udd11<\/span> Signature !<\/div>\n <\/div>\n <\/div>\n\n<\/div>\n\n<div class=\"footer\">\n Infographie r\u00e9alis\u00e9e en Legal Design \u2014 \u00c0 titre informatif uniquement, ne constitue pas un conseil juridique.\n<\/div>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Comment se d\u00e9roule un achat immobilier ? D\u00e9couvrez les \u00e9tapes entre la promesse de vente et la signature de l\u2019acte authentique chez le notaire.<\/p>\n","protected":false},"author":1,"featured_media":411,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[],"class_list":["post-403","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-legal-design"],"_links":{"self":[{"href":"https:\/\/laila-gssime.notaires.fr\/index.php?rest_route=\/wp\/v2\/posts\/403","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/laila-gssime.notaires.fr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/laila-gssime.notaires.fr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/laila-gssime.notaires.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/laila-gssime.notaires.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=403"}],"version-history":[{"count":19,"href":"https:\/\/laila-gssime.notaires.fr\/index.php?rest_route=\/wp\/v2\/posts\/403\/revisions"}],"predecessor-version":[{"id":778,"href":"https:\/\/laila-gssime.notaires.fr\/index.php?rest_route=\/wp\/v2\/posts\/403\/revisions\/778"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/laila-gssime.notaires.fr\/index.php?rest_route=\/wp\/v2\/media\/411"}],"wp:attachment":[{"href":"https:\/\/laila-gssime.notaires.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=403"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/laila-gssime.notaires.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=403"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/laila-gssime.notaires.fr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=403"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\nAchat Immobilier : De la Promesse \u00e0 la Signature - Infographie Legal Design<\/title>\n<style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');\n\n * { margin: 0; padding: 0; box-sizing: border-box; }\n\n body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n background: #f8f7fc;\n color: #2d2b3d;\n line-height: 1.6;\n max-width: 900px;\n margin: 0 auto;\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500 HERO \u2500\u2500\u2500\u2500\u2500 *\/\n .hero {\n background: linear-gradient(135deg, #6c3fa0 0%, #a855f7 50%, #c084fc 100%);\n padding: 48px 40px 56px;\n border-radius: 0 0 32px 32px;\n position: relative;\n overflow: hidden;\n }\n .hero::before {\n content: '';\n position: absolute;\n top: -60px; right: -60px;\n width: 220px; height: 220px;\n background: rgba(255,255,255,0.08);\n border-radius: 50%;\n }\n .hero::after {\n content: '';\n position: absolute;\n bottom: -40px; right: 80px;\n width: 140px; height: 140px;\n background: rgba(255,255,255,0.06);\n border-radius: 50%;\n }\n .badge {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background: rgba(255,255,255,0.15);\n backdrop-filter: blur(10px);\n padding: 10px 20px;\n border-radius: 12px;\n margin-bottom: 24px;\n }\n .badge svg { width: 28px; height: 28px; }\n .badge span {\n font-weight: 700;\n font-size: 13px;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: #fff;\n }\n .hero h1 {\n font-size: 34px;\n font-weight: 800;\n color: #fff;\n line-height: 1.15;\n margin-bottom: 16px;\n }\n .hero p {\n font-size: 17px;\n color: rgba(255,255,255,0.85);\n max-width: 620px;\n font-weight: 400;\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500 CONTENT \u2500\u2500\u2500\u2500\u2500 *\/\n .content { padding: 0 24px 60px; }\n\n \/* \u2500\u2500\u2500\u2500\u2500 DEFINITION \u2500\u2500\u2500\u2500\u2500 *\/\n .definition {\n background: #fff;\n border-left: 5px solid #a855f7;\n border-radius: 0 16px 16px 0;\n padding: 28px 32px;\n margin: -28px 16px 40px;\n position: relative;\n z-index: 2;\n box-shadow: 0 4px 24px rgba(108,63,160,0.10);\n font-size: 17px;\n }\n .definition strong { color: #7c3aed; font-weight: 700; }\n\n \/* \u2500\u2500\u2500\u2500\u2500 SECTION TITLE \u2500\u2500\u2500\u2500\u2500 *\/\n .section-title {\n display: flex;\n align-items: center;\n gap: 14px;\n margin: 48px 0 24px;\n }\n .section-title .icon-circle {\n width: 48px; height: 48px;\n background: linear-gradient(135deg, #7c3aed, #a855f7);\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n flex-shrink: 0;\n }\n .section-title .icon-circle svg { width: 24px; height: 24px; }\n .section-title h2 {\n font-size: 24px; font-weight: 700; color: #7c3aed;\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500 TIMELINE PRINCIPALE \u2500\u2500\u2500\u2500\u2500 *\/\n .main-timeline {\n position: relative;\n margin: 0 0 32px;\n }\n .tl-progress-bar {\n position: absolute;\n left: 35px;\n top: 0;\n bottom: 0;\n width: 4px;\n background: linear-gradient(180deg, #a855f7 0%, #7c3aed 100%);\n border-radius: 2px;\n z-index: 0;\n }\n\n .tl-step {\n position: relative;\n display: flex;\n align-items: flex-start;\n gap: 20px;\n margin-bottom: 8px;\n z-index: 1;\n }\n .tl-marker {\n width: 74px;\n flex-shrink: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n .tl-dot {\n width: 36px; height: 36px;\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n font-size: 16px;\n color: #fff;\n font-weight: 800;\n position: relative;\n z-index: 2;\n box-shadow: 0 2px 8px rgba(124,58,237,0.3);\n }\n .tl-time {\n font-size: 10px;\n font-weight: 700;\n color: #7c3aed;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n margin-top: 6px;\n text-align: center;\n white-space: nowrap;\n }\n .tl-card {\n flex: 1;\n background: #fff;\n border-radius: 16px;\n padding: 22px 24px;\n box-shadow: 0 2px 16px rgba(108,63,160,0.07);\n position: relative;\n overflow: hidden;\n margin-bottom: 12px;\n }\n .tl-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 5px; height: 100%;\n }\n .tl-card h4 {\n font-size: 16px;\n font-weight: 700;\n margin-bottom: 6px;\n display: flex;\n align-items: center;\n gap: 8px;\n }\n .tl-card p { font-size: 13px; color: #64748b; line-height: 1.5; }\n .tl-card .tl-tag {\n display: inline-block;\n padding: 3px 10px;\n border-radius: 6px;\n font-size: 11px;\n font-weight: 700;\n margin-top: 8px;\n }\n\n \/* Step colors *\/\n .step-purple .tl-dot { background: linear-gradient(135deg, #7c3aed, #a855f7); }\n .step-purple .tl-card::before { background: linear-gradient(180deg, #7c3aed, #a855f7); }\n .step-purple .tl-card h4 { color: #7c3aed; }\n\n .step-green .tl-dot { background: linear-gradient(135deg, #10b981, #34d399); }\n .step-green .tl-card::before { background: linear-gradient(180deg, #10b981, #34d399); }\n .step-green .tl-card h4 { color: #059669; }\n\n .step-amber .tl-dot { background: linear-gradient(135deg, #f59e0b, #fbbf24); }\n .step-amber .tl-card::before { background: linear-gradient(180deg, #f59e0b, #fbbf24); }\n .step-amber .tl-card h4 { color: #d97706; }\n\n .step-blue .tl-dot { background: linear-gradient(135deg, #0ea5e9, #38bdf8); }\n .step-blue .tl-card::before { background: linear-gradient(180deg, #0ea5e9, #38bdf8); }\n .step-blue .tl-card h4 { color: #0284c7; }\n\n .step-rose .tl-dot { background: linear-gradient(135deg, #ec4899, #f472b6); }\n .step-rose .tl-card::before { background: linear-gradient(180deg, #ec4899, #f472b6); }\n .step-rose .tl-card h4 { color: #db2777; }\n\n .step-teal .tl-dot { background: linear-gradient(135deg, #14b8a6, #2dd4bf); }\n .step-teal .tl-card::before { background: linear-gradient(180deg, #14b8a6, #2dd4bf); }\n .step-teal .tl-card h4 { color: #0d9488; }\n\n .step-red .tl-dot { background: linear-gradient(135deg, #ef4444, #f87171); }\n .step-red .tl-card::before { background: linear-gradient(180deg, #ef4444, #f87171); }\n .step-red .tl-card h4 { color: #dc2626; }\n\n .step-indigo .tl-dot { background: linear-gradient(135deg, #6366f1, #818cf8); }\n .step-indigo .tl-card::before { background: linear-gradient(180deg, #6366f1, #818cf8); }\n .step-indigo .tl-card h4 { color: #4f46e5; }\n\n .step-final .tl-dot {\n background: linear-gradient(135deg, #7c3aed, #a855f7);\n width: 44px; height: 44px;\n font-size: 22px;\n box-shadow: 0 4px 16px rgba(124,58,237,0.4);\n }\n .step-final .tl-card {\n background: linear-gradient(135deg, #f3f0ff, #ede9fe);\n border: 2px solid #c084fc;\n }\n .step-final .tl-card::before { background: linear-gradient(180deg, #7c3aed, #a855f7); }\n .step-final .tl-card h4 { color: #7c3aed; font-size: 18px; }\n .step-final .tl-card p { color: #5b21b6; }\n\n \/* \u2500\u2500\u2500\u2500\u2500 KEY POINT \u2500\u2500\u2500\u2500\u2500 *\/\n .key-point {\n background: #fff;\n border: 2px solid #e9d5ff;\n border-radius: 16px;\n padding: 20px 24px;\n margin: 24px 0;\n display: flex;\n align-items: flex-start;\n gap: 14px;\n }\n .key-point .kp-icon { font-size: 24px; flex-shrink: 0; }\n .key-point p { font-size: 14px; color: #5b21b6; font-weight: 500; }\n\n \/* \u2500\u2500\u2500\u2500\u2500 ACTEURS GRID \u2500\u2500\u2500\u2500\u2500 *\/\n .actors-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 16px;\n margin: 24px 0;\n }\n .actor-card {\n background: #fff;\n border-radius: 16px;\n padding: 24px 18px;\n text-align: center;\n box-shadow: 0 2px 16px rgba(108,63,160,0.07);\n position: relative;\n overflow: hidden;\n }\n .actor-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n }\n .actor-card:nth-child(1)::before { background: linear-gradient(90deg, #0ea5e9, #38bdf8); }\n .actor-card:nth-child(2)::before { background: linear-gradient(90deg, #f59e0b, #fbbf24); }\n .actor-card:nth-child(3)::before { background: linear-gradient(90deg, #7c3aed, #a855f7); }\n .actor-card .ac-icon { font-size: 36px; margin-bottom: 8px; }\n .actor-card h4 { font-size: 15px; font-weight: 700; margin-bottom: 8px; }\n .actor-card:nth-child(1) h4 { color: #0284c7; }\n .actor-card:nth-child(2) h4 { color: #d97706; }\n .actor-card:nth-child(3) h4 { color: #7c3aed; }\n .actor-card ul {\n list-style: none;\n padding: 0;\n text-align: left;\n }\n .actor-card ul li {\n font-size: 12px;\n color: #64748b;\n padding: 4px 0;\n display: flex;\n align-items: flex-start;\n gap: 6px;\n }\n .actor-card ul li .li-dot {\n width: 6px; height: 6px;\n border-radius: 50%;\n flex-shrink: 0;\n margin-top: 5px;\n }\n .actor-card:nth-child(1) .li-dot { background: #0ea5e9; }\n .actor-card:nth-child(2) .li-dot { background: #f59e0b; }\n .actor-card:nth-child(3) .li-dot { background: #7c3aed; }\n\n \/* \u2500\u2500\u2500\u2500\u2500 CONDITIONS SUSPENSIVES \u2500\u2500\u2500\u2500\u2500 *\/\n .conditions-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 14px;\n margin: 24px 0;\n }\n .cond-card {\n background: #fff;\n border-radius: 14px;\n padding: 18px 20px;\n box-shadow: 0 2px 12px rgba(108,63,160,0.06);\n display: flex;\n align-items: flex-start;\n gap: 12px;\n }\n .cond-card .cc-icon { font-size: 28px; flex-shrink: 0; }\n .cond-card h5 { font-size: 13px; font-weight: 700; color: #2d2b3d; margin-bottom: 2px; }\n .cond-card p { font-size: 12px; color: #64748b; line-height: 1.4; }\n\n \/* \u2500\u2500\u2500\u2500\u2500 D\u00c9LAIS VISUELS \u2500\u2500\u2500\u2500\u2500 *\/\n .delays-container {\n background: #fff;\n border-radius: 20px;\n padding: 28px;\n box-shadow: 0 2px 16px rgba(108,63,160,0.07);\n margin: 24px 0;\n }\n .delay-bar-row {\n display: flex;\n align-items: center;\n margin-bottom: 12px;\n }\n .delay-bar-row:last-child { margin-bottom: 0; }\n .delay-label {\n width: 100px;\n font-size: 11px;\n font-weight: 700;\n text-align: center;\n flex-shrink: 0;\n color: #2d2b3d;\n }\n .delay-track {\n flex: 1;\n height: 32px;\n background: #f3f0ff;\n border-radius: 8px;\n position: relative;\n overflow: hidden;\n }\n .delay-fill {\n height: 100%;\n border-radius: 8px;\n display: flex;\n align-items: center;\n padding: 0 12px;\n color: #fff;\n font-weight: 700;\n font-size: 12px;\n white-space: nowrap;\n }\n .df-purple { background: linear-gradient(90deg, #7c3aed, #a855f7); }\n .df-green { background: linear-gradient(90deg, #10b981, #34d399); }\n .df-amber { background: linear-gradient(90deg, #f59e0b, #fbbf24); }\n .df-blue { background: linear-gradient(90deg, #0ea5e9, #38bdf8); }\n .df-rose { background: linear-gradient(90deg, #ec4899, #f472b6); }\n\n \/* \u2500\u2500\u2500\u2500\u2500 SCALE TIMELINE \u2500\u2500\u2500\u2500\u2500 *\/\n .scale-timeline {\n background: #fff;\n border-radius: 20px;\n padding: 28px;\n box-shadow: 0 2px 16px rgba(108,63,160,0.07);\n margin: 24px 0;\n overflow-x: auto;\n }\n .scale-bar {\n display: flex;\n height: 56px;\n border-radius: 14px;\n overflow: hidden;\n margin-bottom: 12px;\n }\n .scale-segment {\n display: flex;\n align-items: center;\n justify-content: center;\n color: #fff;\n font-weight: 700;\n font-size: 11px;\n padding: 0 8px;\n text-align: center;\n line-height: 1.2;\n flex-direction: column;\n }\n .scale-segment .seg-sub {\n font-size: 9px;\n font-weight: 400;\n opacity: 0.85;\n margin-top: 2px;\n }\n .ss-purple { background: linear-gradient(135deg, #7c3aed, #a855f7); }\n .ss-green { background: linear-gradient(135deg, #10b981, #34d399); }\n .ss-amber { background: linear-gradient(135deg, #f59e0b, #fbbf24); }\n .ss-blue { background: linear-gradient(135deg, #0ea5e9, #38bdf8); }\n .ss-rose { background: linear-gradient(135deg, #ec4899, #f472b6); }\n .ss-teal { background: linear-gradient(135deg, #14b8a6, #2dd4bf); }\n .ss-indigo { background: linear-gradient(135deg, #6366f1, #818cf8); }\n\n .scale-labels {\n display: flex;\n justify-content: space-between;\n font-size: 11px;\n color: #64748b;\n font-weight: 600;\n padding: 0 4px;\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500 FRAIS GRID \u2500\u2500\u2500\u2500\u2500 *\/\n .frais-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 14px;\n margin: 24px 0;\n }\n .frais-card {\n background: #fff;\n border-radius: 14px;\n padding: 18px 14px;\n text-align: center;\n box-shadow: 0 2px 12px rgba(108,63,160,0.06);\n }\n .frais-card .fc-icon { font-size: 28px; margin-bottom: 6px; }\n .frais-card h5 { font-size: 12px; font-weight: 700; color: #7c3aed; margin-bottom: 4px; }\n .frais-card p { font-size: 11px; color: #64748b; line-height: 1.3; }\n\n \/* \u2500\u2500\u2500\u2500\u2500 ALERT BOX \u2500\u2500\u2500\u2500\u2500 *\/\n .alert-box {\n border-radius: 16px;\n padding: 22px 24px;\n margin: 20px 0;\n display: flex;\n align-items: flex-start;\n gap: 14px;\n }\n .alert-box.green {\n background: linear-gradient(135deg, #f0fdf4, #dcfce7);\n border: 2px solid #86efac;\n }\n .alert-box.green p { color: #166534; }\n .alert-box.red {\n background: linear-gradient(135deg, #fef2f2, #fee2e2);\n border: 2px solid #fca5a5;\n }\n .alert-box.red p { color: #991b1b; }\n .alert-box .ab-icon { font-size: 24px; flex-shrink: 0; }\n .alert-box p { font-size: 14px; font-weight: 500; }\n .alert-box p strong { font-weight: 700; }\n\n \/* \u2500\u2500\u2500\u2500\u2500 RECAP \u2500\u2500\u2500\u2500\u2500 *\/\n .recap {\n background: linear-gradient(135deg, #f3f0ff, #ede9fe);\n border-radius: 20px;\n padding: 32px;\n margin: 32px 0 0;\n }\n .recap h3 { font-size: 20px; font-weight: 700; color: #7c3aed; text-align: center; margin-bottom: 20px; }\n .recap-flow {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n flex-wrap: wrap;\n }\n .recap-pill {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n padding: 10px 16px;\n border-radius: 30px;\n font-size: 12px;\n font-weight: 600;\n color: #2d2b3d;\n box-shadow: 0 2px 8px rgba(108,63,160,0.08);\n }\n .recap-pill .rp-icon { font-size: 16px; }\n .recap-arrow {\n font-size: 18px;\n color: #a855f7;\n font-weight: 800;\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500 FOOTER \u2500\u2500\u2500\u2500\u2500 *\/\n .footer {\n text-align: center;\n padding: 24px;\n font-size: 12px;\n color: #a1a1aa;\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500\u2500\u2500 *\/\n @media (max-width: 640px) {\n .hero { padding: 32px 24px 40px; }\n .hero h1 { font-size: 24px; }\n .definition { margin: -20px 8px 32px; padding: 20px; font-size: 15px; }\n .actors-grid { grid-template-columns: 1fr; }\n .conditions-grid { grid-template-columns: 1fr; }\n .frais-grid { grid-template-columns: 1fr 1fr; }\n .scale-bar { min-width: 600px; }\n .tl-marker { width: 60px; }\n .tl-time { font-size: 9px; }\n .recap-flow { flex-direction: column; }\n .recap-arrow { transform: rotate(90deg); }\n }\n<\/style>\n<\/head>\n<body>\n\n\n<header class=\"hero\">\n <div class=\"badge\">\n <svg viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <circle cx=\"12\" cy=\"14\" r=\"8\" stroke=\"#fff\" stroke-width=\"2.5\" fill=\"none\"\/>\n <path d=\"M18 20l10 0\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\n <path d=\"M24 16l0 8\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\n <path d=\"M28 16l0 8\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\n <\/svg>\n <span>Legal Design<\/span>\n <\/div>\n <h1>Achat Immobilier<br><span style=\"font-size:26px; font-weight:600; opacity:0.9;\">De la promesse de vente \u00e0 la signature<\/span><\/h1>\n <p>Tout ce qui se passe entre le compromis et l'acte authentique : un parcours de 3 \u00e0 4 mois jalonn\u00e9 d'\u00e9tapes cl\u00e9s.<\/p>\n<\/header>\n\n\n<div class=\"definition\">\n Apr\u00e8s l'accord entre vendeur et acqu\u00e9reur, un <strong>compromis<\/strong> (ou <strong>promesse de vente<\/strong>) est sign\u00e9. S'ouvre alors une p\u00e9riode de <strong>3 \u00e0 4 mois<\/strong> pendant laquelle l'acheteur, le vendeur et le notaire r\u00e9alisent chacun des d\u00e9marches indispensables avant la signature de l'<strong>acte authentique<\/strong> chez le notaire.\n<\/div>\n\n<div class=\"content\">\n\n \n <div class=\"section-title\">\n <div class=\"icon-circle\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"#fff\" stroke-width=\"2\" fill=\"none\"\/><path d=\"M12 6v6l4 2\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\n <\/div>\n <h2>Le parcours \u00e9tape par \u00e9tape<\/h2>\n <\/div>\n\n <div class=\"main-timeline\">\n <div class=\"tl-progress-bar\"><\/div>\n\n \n <div class=\"tl-step step-purple\">\n <div class=\"tl-marker\">\n <div class=\"tl-dot\">1<\/div>\n <div class=\"tl-time\">Jour J<\/div>\n <\/div>\n <div class=\"tl-card\">\n <h4>\u270d\ufe0f Signature du compromis de vente<\/h4>\n <p>L'acheteur et le vendeur signent le compromis (ou la promesse unilat\u00e9rale de vente) chez le notaire ou en agence. L'acheteur verse un <strong>d\u00e9p\u00f4t de garantie<\/strong> (en g\u00e9n\u00e9ral 5 \u00e0 10 % du prix).<\/p>\n <span class=\"tl-tag\" style=\"background:#f3f0ff; color:#7c3aed;\">\ud83d\udccb Pr\u00e9-contrat engageant les deux parties<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"tl-step step-green\">\n <div class=\"tl-marker\">\n <div class=\"tl-dot\">2<\/div>\n <div class=\"tl-time\">J+1 \u2192 J+10<\/div>\n <\/div>\n <div class=\"tl-card\">\n <h4>\ud83d\udee1\ufe0f D\u00e9lai de r\u00e9tractation de 10 jours<\/h4>\n <p>L'acheteur dispose de <strong>10 jours calendaires<\/strong> pour se r\u00e9tracter sans motif et sans p\u00e9nalit\u00e9. Le d\u00e9lai court \u00e0 partir du lendemain de la notification du compromis (lettre recommand\u00e9e ou remise en main propre).<\/p>\n <span class=\"tl-tag\" style=\"background:#f0fdf4; color:#059669;\">\u2705 Protection de l'acheteur \u2014 droit inconditionnel<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"tl-step step-amber\">\n <div class=\"tl-marker\">\n <div class=\"tl-dot\">3<\/div>\n <div class=\"tl-time\">J+10 \u2192 J+45<\/div>\n <\/div>\n <div class=\"tl-card\">\n <h4>\ud83c\udfe6 Recherche de financement<\/h4>\n <p>L'acheteur d\u00e9pose ses demandes de pr\u00eat. Il doit fournir une <strong>attestation de demande de pr\u00eat<\/strong> sous 15 jours, puis obtenir une <strong>offre de pr\u00eat d\u00e9finitive<\/strong> dans le d\u00e9lai pr\u00e9vu au compromis (g\u00e9n\u00e9ralement 45 \u00e0 60 jours).<\/p>\n <span class=\"tl-tag\" style=\"background:#fffbeb; color:#d97706;\">\u23f3 Condition suspensive la plus fr\u00e9quente<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"tl-step step-blue\">\n <div class=\"tl-marker\">\n <div class=\"tl-dot\">4<\/div>\n <div class=\"tl-time\">J+10 \u2192 J+60<\/div>\n <\/div>\n <div class=\"tl-card\">\n <h4>\ud83d\udccb Lev\u00e9e des conditions suspensives<\/h4>\n <p>Chaque condition suspensive est v\u00e9rifi\u00e9e progressivement : obtention du pr\u00eat, absence de servitude, r\u00e9sultat des diagnostics, absence de pr\u00e9emption par la commune\u2026 Si une condition n'est pas remplie, la vente peut \u00eatre annul\u00e9e.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"tl-step step-rose\">\n <div class=\"tl-marker\">\n <div class=\"tl-dot\">5<\/div>\n <div class=\"tl-time\">J+10 \u2192 J+75<\/div>\n <\/div>\n <div class=\"tl-card\">\n <h4>\ud83d\udd0d V\u00e9rifications du notaire<\/h4>\n <p>Le notaire effectue de nombreuses v\u00e9rifications : <strong>\u00e9tat hypoth\u00e9caire<\/strong> du bien, <strong>urbanisme<\/strong> (certificat d'urbanisme, droit de pr\u00e9emption), <strong>titre de propri\u00e9t\u00e9<\/strong> du vendeur, situation cadastrale, servitudes \u00e9ventuelles.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"tl-step step-teal\">\n <div class=\"tl-marker\">\n <div class=\"tl-dot\">6<\/div>\n <div class=\"tl-time\">J+45 \u2192 J+75<\/div>\n <\/div>\n <div class=\"tl-card\">\n <h4>\ud83d\udcd1 R\u00e9ception de l'offre de pr\u00eat<\/h4>\n <p>La banque \u00e9met une <strong>offre de pr\u00eat<\/strong> officielle. L'acheteur doit respecter un <strong>d\u00e9lai de r\u00e9flexion de 10 jours<\/strong> avant de l'accepter (d\u00e9lai Scrivener). Il ne peut la retourner sign\u00e9e qu'\u00e0 partir du 11\u1d49 jour.<\/p>\n <span class=\"tl-tag\" style=\"background:#f0fdfa; color:#0d9488;\">\ud83d\udcc5 D\u00e9lai incompressible de 10 jours (loi Scrivener)<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"tl-step step-indigo\">\n <div class=\"tl-marker\">\n <div class=\"tl-dot\">7<\/div>\n <div class=\"tl-time\">J+75 \u2192 J+90<\/div>\n <\/div>\n <div class=\"tl-card\">\n <h4>\ud83d\udcb6 Appel de fonds & pr\u00e9paration de l'acte<\/h4>\n <p>Le notaire adresse l'<strong>appel de fonds<\/strong> \u00e0 la banque pour d\u00e9bloquer le pr\u00eat. Il pr\u00e9pare l'<strong>acte authentique de vente<\/strong> et convoque les parties pour la signature. Le solde du prix et les frais de notaire sont vers\u00e9s.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"tl-step step-final\">\n <div class=\"tl-marker\">\n <div class=\"tl-dot\">\ud83d\udd11<\/div>\n <div class=\"tl-time\">J+90 \u2192 J+120<\/div>\n <\/div>\n <div class=\"tl-card\">\n <h4>\ud83c\udf89 Signature de l'acte authentique<\/h4>\n <p>Le jour J ! L'acheteur et le vendeur signent l'acte d\u00e9finitif chez le notaire. <strong>Les cl\u00e9s sont remises<\/strong> et l'acheteur devient officiellement propri\u00e9taire. Le notaire publie la vente au Service de la publicit\u00e9 fonci\u00e8re.<\/p>\n <span class=\"tl-tag\" style=\"background:#f3f0ff; color:#7c3aed;\">\ud83c\udfe0 Transfert de propri\u00e9t\u00e9 imm\u00e9diat<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n\n \n <div class=\"section-title\">\n <div class=\"icon-circle\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M23 6l-9.5 9.5-5-5L1 18\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/><polyline points=\"17 6 23 6 23 12\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/><\/svg>\n <\/div>\n <h2>Vue d'ensemble des d\u00e9lais<\/h2>\n <\/div>\n\n <div class=\"scale-timeline\">\n <div class=\"scale-bar\">\n <div class=\"scale-segment ss-purple\" style=\"flex: 1;\">\n Compromis\n <span class=\"seg-sub\">Jour J<\/span>\n <\/div>\n <div class=\"scale-segment ss-green\" style=\"flex: 1.5;\">\n R\u00e9tractation\n <span class=\"seg-sub\">10 jours<\/span>\n <\/div>\n <div class=\"scale-segment ss-amber\" style=\"flex: 4;\">\n Recherche pr\u00eat + conditions suspensives\n <span class=\"seg-sub\">30-60 jours<\/span>\n <\/div>\n <div class=\"scale-segment ss-teal\" style=\"flex: 1.5;\">\n Offre pr\u00eat\n <span class=\"seg-sub\">10j r\u00e9flexion<\/span>\n <\/div>\n <div class=\"scale-segment ss-indigo\" style=\"flex: 2;\">\n Appel de fonds\n <span class=\"seg-sub\">~15 jours<\/span>\n <\/div>\n <div class=\"scale-segment ss-purple\" style=\"flex: 1;\">\n Signature\n <span class=\"seg-sub\">\ud83d\udd11<\/span>\n <\/div>\n <\/div>\n <div class=\"scale-labels\">\n <span>Jour 0<\/span>\n <span>1 mois<\/span>\n <span>2 mois<\/span>\n <span>3 mois<\/span>\n <span>3-4 mois<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"section-title\">\n <div class=\"icon-circle\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/><\/svg>\n <\/div>\n <h2>Qui fait quoi pendant ces 3 mois ?<\/h2>\n <\/div>\n\n <div class=\"actors-grid\">\n <div class=\"actor-card\">\n <div class=\"ac-icon\">\ud83c\udfe0<\/div>\n <h4>L'Acheteur<\/h4>\n <ul>\n <li><span class=\"li-dot\"><\/span> D\u00e9pose les demandes de pr\u00eat<\/li>\n <li><span class=\"li-dot\"><\/span> Souscrit l'assurance emprunteur<\/li>\n <li><span class=\"li-dot\"><\/span> Accepte l'offre de pr\u00eat (apr\u00e8s 10j)<\/li>\n <li><span class=\"li-dot\"><\/span> Verse le solde le jour de la signature<\/li>\n <\/ul>\n <\/div>\n <div class=\"actor-card\">\n <div class=\"ac-icon\">\ud83d\udd11<\/div>\n <h4>Le Vendeur<\/h4>\n <ul>\n <li><span class=\"li-dot\"><\/span> Fournit les diagnostics techniques<\/li>\n <li><span class=\"li-dot\"><\/span> Transmet les documents (PV AG, charges\u2026)<\/li>\n <li><span class=\"li-dot\"><\/span> Purge le droit de pr\u00e9emption locataire<\/li>\n <li><span class=\"li-dot\"><\/span> Remet les cl\u00e9s le jour de la signature<\/li>\n <\/ul>\n <\/div>\n <div class=\"actor-card\">\n <div class=\"ac-icon\">\u2696\ufe0f<\/div>\n <h4>Le Notaire<\/h4>\n <ul>\n <li><span class=\"li-dot\"><\/span> V\u00e9rifie l'\u00e9tat hypoth\u00e9caire<\/li>\n <li><span class=\"li-dot\"><\/span> Contr\u00f4le l'urbanisme et les servitudes<\/li>\n <li><span class=\"li-dot\"><\/span> Purge le droit de pr\u00e9emption communal<\/li>\n <li><span class=\"li-dot\"><\/span> R\u00e9dige l'acte et proc\u00e8de \u00e0 l'appel de fonds<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n \n <div class=\"section-title\">\n <div class=\"icon-circle\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" fill=\"none\"\/><polyline points=\"22 4 12 14.01 9 11.01\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/><\/svg>\n <\/div>\n <h2>Les conditions suspensives<\/h2>\n <\/div>\n\n <div class=\"conditions-grid\">\n <div class=\"cond-card\">\n <span class=\"cc-icon\">\ud83c\udfe6<\/span>\n <div>\n <h5>Obtention du pr\u00eat<\/h5>\n <p>La plus courante. Si le pr\u00eat est refus\u00e9, l'acheteur r\u00e9cup\u00e8re son d\u00e9p\u00f4t de garantie.<\/p>\n <\/div>\n <\/div>\n <div class=\"cond-card\">\n <span class=\"cc-icon\">\ud83c\udfd8\ufe0f<\/span>\n <div>\n <h5>Absence de pr\u00e9emption<\/h5>\n <p>La commune ou le locataire peut avoir un droit de pr\u00e9emption prioritaire.<\/p>\n <\/div>\n <\/div>\n <div class=\"cond-card\">\n <span class=\"cc-icon\">\ud83d\udccb<\/span>\n <div>\n <h5>Absence de servitude grave<\/h5>\n <p>D\u00e9couverte d'une servitude non mentionn\u00e9e qui rendrait le bien impropre \u00e0 l'usage.<\/p>\n <\/div>\n <\/div>\n <div class=\"cond-card\">\n <span class=\"cc-icon\">\ud83c\udfd7\ufe0f<\/span>\n <div>\n <h5>Obtention du permis<\/h5>\n <p>Si l'achat est conditionn\u00e9 \u00e0 l'obtention d'un permis de construire ou d'am\u00e9nager.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"alert-box green\">\n <span class=\"ab-icon\">\u2705<\/span>\n <p><strong>Conditions remplies ?<\/strong> La vente peut se poursuivre vers la signature de l'acte authentique.<\/p>\n <\/div>\n <div class=\"alert-box red\">\n <span class=\"ab-icon\">\u274c<\/span>\n <p><strong>Condition non remplie ?<\/strong> La vente est annul\u00e9e de plein droit. L'acheteur r\u00e9cup\u00e8re l'int\u00e9gralit\u00e9 de son d\u00e9p\u00f4t de garantie, sans p\u00e9nalit\u00e9.<\/p>\n <\/div>\n\n \n <div class=\"section-title\">\n <div class=\"icon-circle\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 1v22M17 5H9.5a3.5 3.5 0 1 0 0 7h5a3.5 3.5 0 1 1 0 7H6\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/><\/svg>\n <\/div>\n <h2>Les frais \u00e0 pr\u00e9voir<\/h2>\n <\/div>\n\n <div class=\"frais-grid\">\n <div class=\"frais-card\">\n <div class=\"fc-icon\">\ud83d\udcdc<\/div>\n <h5>Frais de notaire<\/h5>\n <p>7-8 % (ancien)<br>2-3 % (neuf)<\/p>\n <\/div>\n <div class=\"frais-card\">\n <div class=\"fc-icon\">\ud83c\udfe6<\/div>\n <h5>Frais de dossier<\/h5>\n <p>Frais bancaires li\u00e9s au pr\u00eat immobilier<\/p>\n <\/div>\n <div class=\"frais-card\">\n <div class=\"fc-icon\">\ud83d\udee1\ufe0f<\/div>\n <h5>Assurance emprunteur<\/h5>\n <p>Obligatoire pour obtenir le pr\u00eat<\/p>\n <\/div>\n <div class=\"frais-card\">\n <div class=\"fc-icon\">\ud83d\udd12<\/div>\n <h5>Garantie<\/h5>\n <p>Hypoth\u00e8que, PPD ou caution bancaire<\/p>\n <\/div>\n <\/div>\n\n <div class=\"key-point\">\n <span class=\"kp-icon\">\ud83d\udca1<\/span>\n <p>Les \u00ab frais de notaire \u00bb ne sont pas les honoraires du notaire : ils incluent principalement les <strong>droits de mutation<\/strong> (taxes revers\u00e9es \u00e0 l'\u00c9tat et aux collectivit\u00e9s), les <strong>d\u00e9bours<\/strong> et seulement une petite part d'\u00e9moluments.<\/p>\n <\/div>\n\n \n <div class=\"recap\">\n <h3>Le parcours en un coup d'\u0153il<\/h3>\n <div class=\"recap-flow\">\n <div class=\"recap-pill\"><span class=\"rp-icon\">\u270d\ufe0f<\/span> Compromis<\/div>\n <span class=\"recap-arrow\">\u2192<\/span>\n <div class=\"recap-pill\"><span class=\"rp-icon\">\ud83d\udee1\ufe0f<\/span> 10j r\u00e9tractation<\/div>\n <span class=\"recap-arrow\">\u2192<\/span>\n <div class=\"recap-pill\"><span class=\"rp-icon\">\ud83c\udfe6<\/span> Recherche pr\u00eat<\/div>\n <span class=\"recap-arrow\">\u2192<\/span>\n <div class=\"recap-pill\"><span class=\"rp-icon\">\ud83d\udccb<\/span> Conditions suspensives<\/div>\n <span class=\"recap-arrow\">\u2192<\/span>\n <div class=\"recap-pill\"><span class=\"rp-icon\">\ud83d\udcd1<\/span> Offre de pr\u00eat<\/div>\n <span class=\"recap-arrow\">\u2192<\/span>\n <div class=\"recap-pill\"><span class=\"rp-icon\">\ud83d\udcb6<\/span> Appel de fonds<\/div>\n <span class=\"recap-arrow\">\u2192<\/span>\n <div class=\"recap-pill\"><span class=\"rp-icon\">\ud83d\udd11<\/span> Signature !<\/div>\n <\/div>\n <\/div>\n\n<\/div>\n\n<div class=\"footer\">\n Infographie r\u00e9alis\u00e9e en Legal Design \u2014 \u00c0 titre informatif uniquement, ne constitue pas un conseil juridique.\n<\/div>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Comment se d\u00e9roule un achat immobilier ? D\u00e9couvrez les \u00e9tapes entre la promesse de vente et la signature de l\u2019acte authentique chez le notaire.<\/p>\n","protected":false},"author":1,"featured_media":411,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[],"class_list":["post-403","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-legal-design"],"_links":{"self":[{"href":"https:\/\/laila-gssime.notaires.fr\/index.php?rest_route=\/wp\/v2\/posts\/403","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/laila-gssime.notaires.fr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/laila-gssime.notaires.fr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/laila-gssime.notaires.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/laila-gssime.notaires.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=403"}],"version-history":[{"count":19,"href":"https:\/\/laila-gssime.notaires.fr\/index.php?rest_route=\/wp\/v2\/posts\/403\/revisions"}],"predecessor-version":[{"id":778,"href":"https:\/\/laila-gssime.notaires.fr\/index.php?rest_route=\/wp\/v2\/posts\/403\/revisions\/778"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/laila-gssime.notaires.fr\/index.php?rest_route=\/wp\/v2\/media\/411"}],"wp:attachment":[{"href":"https:\/\/laila-gssime.notaires.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=403"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/laila-gssime.notaires.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=403"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/laila-gssime.notaires.fr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=403"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}