{"id":670,"date":"2026-02-06T23:30:23","date_gmt":"2026-02-06T22:30:23","guid":{"rendered":"https:\/\/www.ngoune-avocat.com\/candidature\/"},"modified":"2026-03-15T14:03:48","modified_gmt":"2026-03-15T13:03:48","slug":"application","status":"publish","type":"page","link":"https:\/\/www.ngoune-avocat.com\/en\/application\/","title":{"rendered":"Application"},"content":{"rendered":"\n<section class=\"hero-image relative  w-full flex flex-col items-center justify-center overflow-hidden\">\n    \n    <!-- Image de fond -->\n            <img decoding=\"async\" \n            alt=\"\" \n            class=\"absolute inset-0 w-full h-full object-cover\" \n            src=\"https:\/\/www.ngoune-avocat.com\/wp-content\/uploads\/2026\/02\/wall.jpg\">\n        <div class=\"absolute inset-0 hero-overlay\"><\/div>\n        \n    <!-- Breadcrumb en haut \u00e0 gauche -->\n            <div class=\"absolute top-20 left-0 mt-10 w-full\">\n            <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n                \n<!-- Breadcrumb Schema.org JSON-LD -->\n<script type=\"application\/ld+json\">\n{\n    \"@context\": \"https:\/\/schema.org\",\n    \"@type\": \"BreadcrumbList\",\n    \"itemListElement\": [\n        {\n            \"@type\": \"ListItem\",\n            \"position\": 1,\n            \"name\": \"Home\",\n            \"item\": \"https:\/\/www.ngoune-avocat.com\/en\/\"\n        }\n    ]\n}<\/script>\n\n<!-- Breadcrumb Navigation -->\n<nav aria-label=\"Breadcrumb\" class=\"flex flex-nowrap items-center gap-2 text-[10px] font-bold tracking-[0.2em] text-slate-400 uppercase overflow-x-auto scrollbar-hide breadcrumb-nav\" itemscope itemtype=\"https:\/\/schema.org\/BreadcrumbList\">\n            \n                \n                    <!-- \u00c9l\u00e9ment actuel : tronqu\u00e9 sur desktop, scroll sur mobile -->\n            <span class=\"breadcrumb-current text-slate-900 whitespace-nowrap flex-shrink-0\" itemprop=\"itemListElement\" itemscope itemtype=\"https:\/\/schema.org\/ListItem\" aria-current=\"page\" title=\"Home\">\n                <meta itemprop=\"position\" content=\"1\" \/>\n                <span itemprop=\"name\">Home<\/span>\n            <\/span>\n                \n    <\/nav>\n            <\/div>\n        <\/div>\n        \n    <!-- Contenu align\u00e9 \u00e0 gauche (comme la home) -->\n    <div class=\"relative z-10 w-full hero-content mt-20\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pt-20\">\n            <style>\n                .hero-image .hero-content-wrapper {\n                    padding-left: 0 !important;\n                }\n                @media (min-width: 1024px) {\n                    .hero-image .hero-content-wrapper {\n                        padding-left: 82px !important;\n                    }\n                }\n            <\/style>\n            <div class=\"ml-0 lg:ml-[100px] max-w-3xl hero-content-wrapper pt-5 pb-20\">\n                \n                                    <span class=\"hero-animate hero-animate-1 block text-white\/60 text-xs font-bold uppercase tracking-[0.4em] mb-6\">\n                        Unsolicited application                    <\/span>\n                                \n                                    <h1 class=\"hero-animate hero-animate-2 font-display text-4xl md:text-5xl lg:text-5xl text-white leading-tight\">\n                        <p data-start=\"0\" data-end=\"60\">Our talents, working towards a shared vision<\/p>\n                    <\/h1>\n                                \n                                \n                                \n                <!-- Ligne d\u00e9corative -->\n                <div class=\"hero-animate hero-animate-4 h-1 w-24 bg-white mt-10\"><\/div>\n                \n            <\/div>\n        <\/div>\n    <\/div>\n    \n<\/section>\n\n\n\n<section class=\"block-form max-w-7xl mx-auto px-6 py-24 lg:py-32\" id=\"form-block_b0c0b0433dc32556dd3bac27476d10ff\">\n    <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-16 lg:gap-24\">\n        \n        <!-- Zone gauche -->\n        <div class=\"lg:col-span-5 space-y-16\">\n                            <div class=\"wysiwyg-content\">\n                    <p data-start=\"34\" data-end=\"96\">Our people are the cornerstone of our Firm.<\/p>\n<p data-start=\"34\" data-end=\"96\">We firmly believe that our collective success above all rests on the diversity of talent within our team. Every member of the team brings their own expertise, perspective and energy to help us achieve our shared goal. This synergy enables us to move forward together, tackle challenges with rigour and support our clients with dedication.<\/p>\n<p data-start=\"34\" data-end=\"96\">This form allows you to submit an unsolicited application.<\/p>\n<p data-start=\"98\" data-end=\"217\">Each application is carefully reviewed by our team. Depending on our current or future needs, we may contact you again.<\/p>\n<p data-start=\"219\" data-end=\"269\" data-is-last-node=\"\" data-is-only-node=\"\">We deeply appreciate your interest in joining our Firm.<\/p>\n<p data-start=\"219\" data-end=\"269\" data-is-last-node=\"\" data-is-only-node=\"\">\n    <div class=\"link-arrow-wrapper\">\n        <a class=\"link-arrow-btn inline-flex items-center gap-4 group contact-button-2lines not-prose\" href=\"https:\/\/www.ngoune-avocat.com\/en\/the-firm\/#valeurs\">\n\n            <span class=\"w-16 h-16 bg-primary text-white rounded-full flex items-center justify-center group-hover:bg-primary\/80 transition-colors duration-300 shrink-0\">\n                <span class=\"material-symbols-outlined text-3xl\">arrow_forward<\/span>\n            <\/span>\n\n            <div class=\"link-arrow-texts\">\n\n                <span class=\"link-arrow-label block text-sm font-bold uppercase tracking-widest text-slate-400\">\n                    Read more                <\/span>\n\n                <span class=\"link-arrow-main block text-xl font-display font-semibold text-slate-900 group-hover:text-primary transition-colors\">\n                    Our Commitments and Values                <\/span>\n\n            <\/div>\n\n        <\/a>\n    <\/div>\n\n    <\/p>\n                <\/div>\n                        \n                    <\/div>\n        \n        <!-- Zone droite : Formulaire -->\n        <div class=\"lg:col-span-7\">\n            <div class=\"bg-background-light p-8 md:p-12 rounded-3xl border border-slate-100 shadow-sm\">\n                \n                                    <!-- Formulaire Candidature -->\n                                        <h2 class=\"font-display text-2xl mb-8 text-slate-900\">Your application<\/h2>\n                    <form class=\"ngouneavocat-candidature-form space-y-6\" data-form-type=\"candidature\" enctype=\"multipart\/form-data\" data-lang=\"en\" data-msg-envoi=\"Sending...\" data-msg-erreur=\"An error occurred.\" data-btn-candidature=\"Submit my application\" data-fichiers-label=\"Selected files:\">\n                        <input type=\"hidden\" id=\"candidature_nonce\" name=\"candidature_nonce\" value=\"6515c446e4\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/670\" \/>                        \n                        <div class=\"space-y-2\">\n                            <label class=\"text-xs font-bold uppercase tracking-wider text-slate-900\" for=\"form-block_b0c0b0433dc32556dd3bac27476d10ff-poste\">\n                                Position type <span class=\"text-red-500\">*<\/span>\n                            <\/label>\n                            <select \n                                class=\"w-full bg-white border-slate-200 rounded-xl px-4 py-3 text-slate-900 focus:ring-primary focus:border-primary transition-all\" \n                                id=\"form-block_b0c0b0433dc32556dd3bac27476d10ff-poste\"\n                                name=\"poste\"\n                                required\n                            >\n                                <option value=\"\">Select a position<\/option>\n                                <option value=\"Collaboration\">Collaboration<\/option>\n                                <option value=\"Stage\">Internship<\/option>\n                                <option value=\"Services administratifs\">Administrative services<\/option>\n                                <option value=\"autre\">Other<\/option>\n                            <\/select>\n                            <div class=\"poste-autre-field mt-4\" style=\"display: none;\">\n                                <input \n                                    class=\"w-full bg-white border-slate-200 rounded-xl px-4 py-3 text-slate-900 focus:ring-primary focus:border-primary transition-all\" \n                                    id=\"form-block_b0c0b0433dc32556dd3bac27476d10ff-poste-autre\" \n                                    name=\"poste_autre\"\n                                    placeholder=\"Other\" \n                                    type=\"text\"\n                                \/>\n                            <\/div>\n                        <\/div>\n                        \n                        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n                            <div class=\"space-y-2\">\n                                <label class=\"text-xs font-bold uppercase tracking-wider text-slate-900\" for=\"form-block_b0c0b0433dc32556dd3bac27476d10ff-nom\">\n                                    Last name <span class=\"text-red-500\">*<\/span>\n                                <\/label>\n                                <input \n                                    class=\"w-full bg-white border-slate-200 rounded-xl px-4 py-3 text-slate-900 focus:ring-primary focus:border-primary transition-all\" \n                                    id=\"form-block_b0c0b0433dc32556dd3bac27476d10ff-nom\" \n                                    name=\"nom\"\n                                    placeholder=\"Your last name\" \n                                    type=\"text\"\n                                    required\n                                \/>\n                            <\/div>\n                            <div class=\"space-y-2\">\n                                <label class=\"text-xs font-bold uppercase tracking-wider text-slate-900\" for=\"form-block_b0c0b0433dc32556dd3bac27476d10ff-prenom\">\n                                    First name <span class=\"text-red-500\">*<\/span>\n                                <\/label>\n                                <input \n                                    class=\"w-full bg-white border-slate-200 rounded-xl px-4 py-3 text-slate-900 focus:ring-primary focus:border-primary transition-all\" \n                                    id=\"form-block_b0c0b0433dc32556dd3bac27476d10ff-prenom\" \n                                    name=\"prenom\"\n                                    placeholder=\"Your first name\" \n                                    type=\"text\"\n                                    required\n                                \/>\n                            <\/div>\n                        <\/div>\n                        \n                        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n                            <div class=\"space-y-2\">\n                                <label class=\"text-xs font-bold uppercase tracking-wider text-slate-900\" for=\"form-block_b0c0b0433dc32556dd3bac27476d10ff-email\">\n                                    Email <span class=\"text-red-500\">*<\/span>\n                                <\/label>\n                                <input \n                                    class=\"w-full bg-white border-slate-200 rounded-xl px-4 py-3 text-slate-900 focus:ring-primary focus:border-primary transition-all\" \n                                    id=\"form-block_b0c0b0433dc32556dd3bac27476d10ff-email\" \n                                    name=\"email\"\n                                    placeholder=\"votre@email.com\" \n                                    type=\"email\"\n                                    required\n                                \/>\n                            <\/div>\n                            <div class=\"space-y-2\">\n                                <label class=\"text-xs font-bold uppercase tracking-wider text-slate-900\" for=\"form-block_b0c0b0433dc32556dd3bac27476d10ff-tel\">\n                                    Phone <span class=\"text-red-500\">*<\/span>\n                                <\/label>\n                                <input \n                                    class=\"w-full bg-white border-slate-200 rounded-xl px-4 py-3 text-slate-900 focus:ring-primary focus:border-primary transition-all\" \n                                    id=\"form-block_b0c0b0433dc32556dd3bac27476d10ff-tel\" \n                                    name=\"tel\"\n                                    placeholder=\"+33 6 00 00 00 00\" \n                                    type=\"tel\"\n                                    required\n                                \/>\n                            <\/div>\n                        <\/div>\n                        \n                        <div class=\"space-y-4\">\n                            <div>\n                                <label class=\"text-xs font-bold uppercase tracking-wider text-slate-900\">\n                                    Attachments <span class=\"text-red-500\">*<\/span>\n                                <\/label>\n                                <p class=\"text-xs text-slate-500 mt-1\">\n                                    Attach at least your CV and cover letter                                <\/p>\n                            <\/div>\n                            <div class=\"relative\">\n                                <input \n                                    class=\"hidden\" \n                                    id=\"form-block_b0c0b0433dc32556dd3bac27476d10ff-fichiers\" \n                                    name=\"fichiers[]\"\n                                    type=\"file\"\n                                    accept=\".pdf,.doc,.docx,.txt,.jpg,.jpeg,.png,.gif\"\n                                    multiple\n                                    required\n                                \/>\n                                <label \n                                    class=\"flex items-center gap-3 w-full bg-white border-2 border-dashed border-slate-200 rounded-xl px-4 py-6 cursor-pointer hover:border-primary hover:bg-slate-50 transition-all\" \n                                    for=\"form-block_b0c0b0433dc32556dd3bac27476d10ff-fichiers\"\n                                >\n                                    <span class=\"material-symbols-outlined text-primary\">attach_file<\/span>\n                                    <div class=\"flex flex-col\">\n                                        <span class=\"text-sm font-semibold text-slate-700\">Attach your files<\/span>\n                                        <span class=\"text-[10px] text-slate-400 uppercase tracking-tighter\">\n                                            PDF, DOC, DOCX, TXT, Images (Max 5MB per file)                                        <\/span>\n                                    <\/div>\n                                <\/label>\n                                <div class=\"files-list mt-2 text-xs text-slate-600\"><\/div>\n                            <\/div>\n                        <\/div>\n                        \n                        <div class=\"space-y-2\">\n                            <label class=\"text-xs font-bold uppercase tracking-wider text-slate-900\" for=\"form-block_b0c0b0433dc32556dd3bac27476d10ff-message\">\n                                Additional message <span class=\"text-slate-300\">(optional)<\/span>\n                            <\/label>\n                            <textarea \n                                class=\"w-full bg-white border-slate-200 rounded-xl px-4 py-3 text-slate-900 focus:ring-primary focus:border-primary transition-all h-32\" \n                                id=\"form-block_b0c0b0433dc32556dd3bac27476d10ff-message\"\n                                name=\"message\"\n                                placeholder=\"Tell us about your motivations...\"\n                            ><\/textarea>\n                        <\/div>\n                        \n                        <div class=\"form-message\"><\/div>\n                        \n                        <button \n                            class=\"w-full py-4 bg-primary text-white font-bold uppercase tracking-widest text-sm rounded-xl hover:bg-primary\/80 hover:shadow-lg transition-all duration-300 flex items-center justify-center gap-2 group\" \n                            type=\"submit\"\n                        >\n                            Submit my application                            <span class=\"material-symbols-outlined group-hover:translate-x-1 transition-transform\">send<\/span>\n                        <\/button>\n                        \n                        <p class=\"text-[10px] text-slate-400 text-center leading-relaxed\">\n                            By submitting this form, you agree that your personal data will be processed for the management of your application.                        <\/p>\n                    <\/form>\n                    \n                                \n            <\/div>\n        <\/div>\n        \n    <\/div>\n<\/section>\n\n<script>\n(function($) {\n    'use strict';\n    \n    $(document).ready(function() {\n        \/\/ Afficher le champ \"Autre\" pour le domaine (contact)\n        $('#form-block_b0c0b0433dc32556dd3bac27476d10ff-domaine').on('change', function() {\n            var $autreField = $(this).closest('.space-y-2').find('.domaine-autre-field');\n            if ($(this).val() === 'autre') {\n                $autreField.show();\n            } else {\n                $autreField.hide();\n            }\n        });\n        \n        \/\/ Afficher le champ \"Autre\" pour le poste (candidature)\n        $('#form-block_b0c0b0433dc32556dd3bac27476d10ff-poste').on('change', function() {\n            var $autreField = $(this).closest('.space-y-2').find('.poste-autre-field');\n            if ($(this).val() === 'autre') {\n                $autreField.show();\n            } else {\n                $autreField.hide();\n            }\n        });\n        \n        \/\/ Afficher les noms des fichiers s\u00e9lectionn\u00e9s\n        $('#form-block_b0c0b0433dc32556dd3bac27476d10ff-fichiers').on('change', function() {\n            var form = $(this).closest('form');\n            var filesList = form.find('.files-list');\n            var label = form.attr('data-fichiers-label') || 'Selected files:';\n            filesList.empty();\n            \n            if (this.files.length > 0) {\n                var html = '<strong>' + label + '<\/strong><br>';\n                for (var i = 0; i < this.files.length; i++) {\n                    html += '- ' + this.files[i].name + '<br>';\n                }\n                filesList.html(html);\n            }\n        });\n        \n        \/\/ Soumission du formulaire de contact\n        $('.ngouneavocat-contact-form').on('submit', function(e) {\n            e.preventDefault();\n            \n            var $form = $(this);\n            var $button = $form.find('button[type=\"submit\"]');\n            var $message = $form.find('.form-message');\n            var msgEnvoi = $form.attr('data-msg-envoi') || 'Sending...';\n            var msgErreur = $form.attr('data-msg-erreur') || 'An error occurred.';\n            var btnText = $form.attr('data-btn-contact') || 'Send my request';\n            \n            $button.prop('disabled', true).html(msgEnvoi);\n            $message.empty();\n            \n            $.ajax({\n                url: 'https:\/\/www.ngoune-avocat.com\/wp-admin\/admin-ajax.php',\n                type: 'POST',\n                data: $form.serialize() + '&action=ngouneavocat_contact_form&lang=' + encodeURIComponent($form.attr('data-lang') || 'fr'),\n                success: function(response) {\n                    if (response.success) {\n                        $message.html('<div class=\"form-message-success\">' + response.data.message + '<\/div>');\n                        $form[0].reset();\n                    } else {\n                        $message.html('<div class=\"form-message-error\">' + response.data.message + '<\/div>');\n                    }\n                },\n                error: function() {\n                    $message.html('<div class=\"form-message-error\">' + msgErreur + '<\/div>');\n                },\n                complete: function() {\n                    $button.prop('disabled', false).html(btnText + ' <span class=\"material-symbols-outlined group-hover:translate-x-1 transition-transform\">send<\/span>');\n                }\n            });\n        });\n        \n        \/\/ Soumission du formulaire de candidature\n        $('.ngouneavocat-candidature-form').on('submit', function(e) {\n            e.preventDefault();\n            \n            var $form = $(this);\n            var $button = $form.find('button[type=\"submit\"]');\n            var $message = $form.find('.form-message');\n            var msgEnvoi = $form.attr('data-msg-envoi') || 'Sending...';\n            var msgErreur = $form.attr('data-msg-erreur') || 'An error occurred.';\n            var btnText = $form.attr('data-btn-candidature') || 'Submit my application';\n            \n            $button.prop('disabled', true).html(msgEnvoi);\n            $message.empty();\n            \n            var formData = new FormData(this);\n            formData.append('action', 'ngouneavocat_candidature_form');\n            formData.append('lang', $form.attr('data-lang') || 'fr');\n            \n            $.ajax({\n                url: 'https:\/\/www.ngoune-avocat.com\/wp-admin\/admin-ajax.php',\n                type: 'POST',\n                data: formData,\n                processData: false,\n                contentType: false,\n                success: function(response) {\n                    if (response.success) {\n                        $message.html('<div class=\"form-message-success\">' + response.data.message + '<\/div>');\n                        $form[0].reset();\n                        $form.find('.files-list').empty();\n                    } else {\n                        $message.html('<div class=\"form-message-error\">' + response.data.message + '<\/div>');\n                    }\n                },\n                error: function() {\n                    $message.html('<div class=\"form-message-error\">' + msgErreur + '<\/div>');\n                },\n                complete: function() {\n                    $button.prop('disabled', false).html(btnText + ' <span class=\"material-symbols-outlined group-hover:translate-x-1 transition-transform\">send<\/span>');\n                }\n            });\n        });\n    });\n})(jQuery);\n<\/script>\n\n<style>\n.wysiwyg-content h2 {\n    font-family: var(--font-display);\n    font-size: 2.25rem;\n    line-height: 2.5rem;\n    color: var(--color-primary);\n    margin-bottom: 2rem;\n}\n\n.wysiwyg-content p {\n    color: rgb(71 85 105);\n    line-height: 1.75rem;\n    margin-bottom: 1.5rem;\n}\n\n.wysiwyg-content p:last-child {\n    margin-bottom: 0;\n}\n\n.wysiwyg-content strong,\n.wysiwyg-content b {\n    font-weight: 700;\n    color: rgb(15 23 42);\n}\n\n.wysiwyg-content a {\n    color: rgb(71 85 105);\n    transition: color 0.2s;\n}\n\n.wysiwyg-content a:hover {\n    color: var(--color-primary);\n}\n\n.wysiwyg-content ul {\n    list-style: none;\n    padding: 0;\n}\n\n.wysiwyg-content ul li {\n    display: flex;\n    align-items: center;\n    gap: 0.75rem;\n    font-size: 0.875rem;\n    font-weight: 500;\n    color: rgb(51 65 85);\n    margin-bottom: 1rem;\n}\n\n.wysiwyg-content ul li:before {\n    content: 'check_circle';\n    font-family: 'Material Symbols Outlined';\n    font-size: 0.875rem;\n    color: rgb(15 23 42);\n}\n\n\/* Texte plus petit dans les sections r\u00e9p\u00e9tables *\/\n.space-y-12 .wysiwyg-content p {\n    font-size: 0.875rem;\n    line-height: 1.5rem;\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-670","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.ngoune-avocat.com\/en\/wp-json\/wp\/v2\/pages\/670","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ngoune-avocat.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ngoune-avocat.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ngoune-avocat.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ngoune-avocat.com\/en\/wp-json\/wp\/v2\/comments?post=670"}],"version-history":[{"count":19,"href":"https:\/\/www.ngoune-avocat.com\/en\/wp-json\/wp\/v2\/pages\/670\/revisions"}],"predecessor-version":[{"id":1720,"href":"https:\/\/www.ngoune-avocat.com\/en\/wp-json\/wp\/v2\/pages\/670\/revisions\/1720"}],"wp:attachment":[{"href":"https:\/\/www.ngoune-avocat.com\/en\/wp-json\/wp\/v2\/media?parent=670"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}