Destiny | Candidature Spontan茅e

<!DOCTYPE html> <html lang="fr"> <head> <script nonce="cDV2HJpFnVBPOrbVERKoyb5ntpvco3ux"> window.dataLayerJT = window.dataLayerJT || []; window.dataLayer = window.dataLayer || []; function gtag(){ window.dataLayerJT.push(arguments); } // set default consent for all tags gtag('consent', 'default', { 'ad_storage': 'denied', 'ad_user_data': 'denied', 'ad_personalization': 'denied', 'analytics_storage': 'denied' }); </script> <script nonce="cDV2HJpFnVBPOrbVERKoyb5ntpvco3ux"> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;var n=d.querySelector('[nonce]'); n&&j.setAttribute('nonce',n.nonce||n.getAttribute('nonce'));f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayerJT','GTM-NLWJM4T'); </script> <script nonce="cDV2HJpFnVBPOrbVERKoyb5ntpvco3ux"> window.loadGTM = function() { gtag('consent', 'update', { 'analytics_storage': 'granted', }); gtag('event', 'cookie-consent'); }; </script> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta name="csrf-token" content="E85HoMdIizzunSzCqiLEmODPBtJ3gqIHs7aZYLcs"> <meta name="robots" content="noindex"> <title>Destiny | Candidature Spontan茅e</title> <meta name="description" content=""> <link rel="canonical" href="https://jobs.dstny.be/fr/candidature-spontanee"> <meta property="og:title" content="Candidature Spontan茅e"/> <meta property="og:description" content="" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://jobs.dstny.be/fr/candidature-spontanee" /> <meta property="og:image" content="https://jobtoolz-assets.imgix.net/assets/companies/1310796430/header-QcMeMucx3APhBu7.jpg?dpr=1" /> <link rel="icon" type="image/png" sizes="32x32" href="https://jobtoolz-assets.s3.eu-west-3.amazonaws.com/public/companies/1310796430/favicons/favicon-32x32.png?ver=kMGiu"> <link rel="icon" type="image/png" sizes="230x230" href="https://jobtoolz-assets.s3.eu-west-3.amazonaws.com/public/companies/1310796430/favicons/favicon-230x230.png?ver=wL5QU"> <link rel="icon" type="image/png" sizes="192x192" href="https://jobtoolz-assets.s3.eu-west-3.amazonaws.com/public/companies/1310796430/favicons/android-chrome-192x192.png?ver=SOqff"> <link rel="icon" type="image/png" sizes="228x228" href="https://jobtoolz-assets.s3.eu-west-3.amazonaws.com/public/companies/1310796430/favicons/coast-228x228.png?ver=ca6vP"> <link rel="icon" type="image/png" sizes="16x16" href="https://jobtoolz-assets.s3.eu-west-3.amazonaws.com/public/companies/1310796430/favicons/favicon-16x16.png?ver=0eEmh"> <link rel="manifest" href="https://jobtoolz-assets.s3.eu-west-3.amazonaws.com/public/companies/1310796430/favicons/site.webmanifest"> <link rel="mask-icon" href="https://jobtoolz-assets.s3.eu-west-3.amazonaws.com/public/companies/1310796430/favicons/safari-pinned-tab.svg?ver=YgHVR" color="#136497"> <link rel="shortcut icon" href="https://jobtoolz-assets.s3.eu-west-3.amazonaws.com/public/companies/1310796430/favicons/favicon.ico?ver=5xHuX"> <meta name="msapplication-TileColor" content="#654321"> <meta name="msapplication-TileImage" content="https://jobtoolz-assets.s3.eu-west-3.amazonaws.com/public/companies/1310796430/favicons/mstile-144x144.png?ver=cup8t"> <meta name="msapplication-config" content="https://jobtoolz-assets.s3.eu-west-3.amazonaws.com/public/companies/1310796430/favicons/browserconfig.xml"> <meta name="theme-color" content="#4972ab"> <link rel="stylesheet" href="/jobsites/css/app.css?id=964ede6aad4fe0dbb23215b04645d210"> <script src="https://elements.cronofy.com/js/CronofyElements.v1.56.3.js"></script> <style> </style> </head> <body class="text-body leading-normal site__color--text site__selection--complement-brand site__font--text site__select--brand"> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NLWJM4T" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <div data-server-rendered="true"><div><style> .site__rounded--small { border-radius: 12.5px; } .site__rounded--small-top { border-radius: 12.5px 12.5px 0 0; } .site__rounded--medium { border-radius: 45px; } .site__rounded--medium-top { border-radius: 45px 45px 0 0; } .site__rounded--medium-bottom { border-radius: 0 0 45px 45px; } .site__rounded--medium-left { border-radius: 45px 0 0 45px; } .site__rounded--medium-right { border-radius: 0 45px 45px 0; } .site__rounded--large { border-radius: 999px; } .site__padding--medium { padding: 25px; } .site__bg--brand { background-color: hsla(184.67532467532467, 74.03846153846155%, 40.78431372549019%, 1); } .site__bg--brand-10 { background-color: hsla(184.67532467532467, 74.03846153846155%, 40.78431372549019%, 0.1); } .site__bg--brand-30 { background-color: hsla(184.67532467532467, 74.03846153846155%, 40.78431372549019%, 0.3); } .site__color--brand-contrast { color: #ffffff } .site__color--text-contrast { color: #ffffff } .site__color--brand { color: hsla(184.67532467532467, 74.03846153846155%, 40.78431372549019%, 1); } .site__bg--text { background-color: hsla(0, 0%, 26.666666666667%, 1); } .site__hover__bg--text:hover { background-color: hsla(0, 0%, 26.666666666667%, 1); } .site__bg--text-80 { background-color: hsla(0, 0%, 26.666666666667%, 0.8); } .site__fill--brand { fill: #1ba9b5; } .site__fill--brand-contrast { fill: #ffffff; } .site__color--text { color: hsla(0, 0%, 26.666666666667%, 1); } ::placeholder { color: #d9d9d9; } .site__color--text-light { color: #d9d9d9; } .site__color--text-50 { color: hsla(0, 0%, 26.666666666667%, 0.5); } .site__color--text-70 { color: hsla(0, 0%, 26.666666666667%, 0.7); } .site__border--brand { border-color: #1ba9b5; } .site__focus--brand:focus, .site__focus--brand:focus ~ .input-icon, .site__focus--brand:focus ~ label, .site__focus--brand:focus ~ span.checkmark { border-color: hsla(184.67532467532467, 74.03846153846155%, 40.78431372549019%, 1); } .site__focus--outline-brand:focus, .site__focus--outline-brand:focus ~ .file-upload, .site__focus--outline-brand:focus ~ label, .site__focus--outline-brand:focus ~ span.checkmark { box-shadow: 0 0 0 0.2rem hsla(184.67532467532467, 74.03846153846155%, 40.78431372549019%, 0.3); } .site__select--brand *::selection { background-color: hsla(184.67532467532467, 74.03846153846155%, 40.78431372549019%, 1); } .site__selection--complement-brand *::selection { color: #b5271b; }, .site__border--text { border-color: hsla(0, 0%, 26.666666666667%, 1); } .site__border--text-light { border-color: #d9d9d9; } .site__font--display { font-family: Rubik, sans-serif; } .site__font--text { font-family: Montserrat, sans-serif; } .cc-banner.cc-bottom { background-color: hsla(184.67532467532467, 74.03846153846155%, 40.78431372549019%, 1); color: #ffffff; } .cc-banner.cc-bottom .cc-link { color: #ffffff; } .cc-btn.cc-dismiss { color: #ffffff; background: transparent; border: 2px solid #ffffff; transition: ease 150ms; } .cc-btn.cc-dismiss:hover { background: #ffffff; color: hsla(184.67532467532467, 74.03846153846155%, 40.78431372549019%, 1); } .bg-white-ie11{ background-color: #fff; } .bg-black-ie11{ background-color: #000; } </style> <link href="https://fonts.gstatic.com" rel="preconnect"> <link href="https://fonts.googleapis.com/css2?family=Rubik:wght@400;700&family=Montserrat:wght@400;700&display=swap" rel="stylesheet"></div> <div class="min-h-screen flex flex-col"><div class="overflow-hidden scroll-scene relative z-20 overflow-visible"><header id="site__header" component="[object Object]" class="w-full"><div class="site__container pt-24"><div class="mb-24 items-center justify-between block md:flex"><a href="https://jobs.dstny.be" class="h-60 w-auto flex justify-center order-2 md:order-1"><img alt="Destiny" src="https://jobtoolz-assets.imgix.net/assets/companies/1310796430/logo-jazCUfv2LlfBH2i.jpg?dpr=2&h=60" class="h-60"></a> <div class="flex justify-center order-1 md:order-2 pt-24 md:pt-0 flex-col md:flex-row items-center md:items-start gap-8 md:gap-0"><a id="home__back-to-website-button" href="https://dstny.be/" class="site__rounded--small border site__border--text-light h-40 items-center px-16 flex-none group flex max-w-full md:ml-auto"><span class="mr-8 sm:w-11/12 truncate text-body-sm"> retour au site de l'entreprise </span> <span class="site__color--text opacity-25 group-hover:opacity-75 trans-ease sm:w-1/12 flex justify-end"><svg height="16" width="16" class="block fill-current"><path d="M16 0v6l-2.293-2.293-5 5-1.414-1.414 5-5L10 0h6zm-1 16H1a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1h7v2H2v12h12V8h2v7a1 1 0 0 1-1 1z"></path></svg></span></a> <div class="pl-12 mb-0"><div x-data="{ open: false }" class="relative text-body-sm"><button x-on:click="open = !open" class="focus:outline-none site__focus--outline-brand trans-ease hover:bg-primary-5 site__rounded--small px-16 h-40 flex items-center cursor-pointer"><span class="mr-8">Fran莽ais</span> <span x-bind:class="{'transform -rotate-180': open}" class="dropdown-triangle trans-ease" style="border-top-color:hsla(0, 0%, 26.666666666667%, 1);"></span></button> <ul x-cloak x-on:click.away="open = false" x-show="open" x-transition:enter="transition ease-out duration-300" x-transition:enter-end="opacity-100 transform translate-y-0" x-transition:enter-start="opacity-0 transform -translate-y-8" x-transition:leave="transition ease-in duration-300" x-transition:leave-end="opacity-0 transform -translate-y-8" x-transition:leave-start="opacity-100 transform translate-y-0" class="h-auto right-0 mt-8 bg-white border border-primary-5 absolute site__rounded--small overflow-hidden shadow pt-16 trans-ease"><li class="mb-8 -mt-8"><a href="https://jobs.dstny.be/nl/spontaan-solliciteren" class="block px-16 py-4 hover:bg-primary-5"> Nederlands </a></li><li class="mb-8 -mt-8"><a href="https://jobs.dstny.be/en/apply-spontaneously" class="block px-16 py-4 hover:bg-primary-5"> English </a></li></ul></div></div></div></div></div></header></div> <div class="flex-grow flex flex-col"><header class="relative z-10"> <div class="w-full overflow-hidden"> <div id="hero-banner" class="relative pt-60pct sm:pt-40pct lg:pt-30pct"> <div class="absolute inset-0 bg-no-repeat bg-center bg-cover site__bg--brand-30" style="background-image: url(https://jobtoolz-assets.imgix.net/assets/companies/1310796430/header-QcMeMucx3APhBu7.jpg?dpr=1&w=2000&h=650&fit=max)" > <div class="site__container flex pt-24" id="applications__back-to-home-button"> <a href="https://jobs.dstny.be/fr#offres-d'emploi" class="flex items-center site__rounded--medium px-12 h-32 relative overflow-hidden" > <div class="flex items-center text-white relative z-10"> <svg class="trans-ease icon opacity-50 block stroke-current mr-8" width="16" height="14" transform="rotate(180)"> <path d="M9.75 1.75L15 7 9.75 1.75zM15 7l-5.25 5.25L15 7zm-2 0H1.5 13z" stroke-width="2" fill="none" stroke-linejoin="round"/> </svg> <span class="font-semibold text-body-sm">Retour 脿 l'offre</span> </div> <div class="absolute inset-0 bg-black opacity-50"></div> </a> </div> </div> <div class="absolute inset-0 site__container h-full flex flex-col justify-end pointer-events-none"> <div class="pointer-events-auto relative overflow-hidden w-full h-128 site__rounded--medium-top shadow-lg flex items-center pl-24 md:pl-32 lg:pl-48"> <div class="relative z-10 site__color--brand-contrast"> <h1 class="font-bold text-heading-1 site__font--display"> Candidature Spontan茅e </h1> <h2 class="text-heading-2"> <span>脿 </span> </h2> </div> <div class="absolute inset-0 site__bg--brand opacity-85"></div> </div> </div>; </div> </div> </header> <div class="site__container"> <div class="bg-white shadow-md site__rounded--medium-bottom overflow-hidden pt-24 pl-24 md:pt-32 md:pl-32 lg:pt-48 lg:pl-48"> <div class="mb-24 mr-24 md:mb-32 md:mr-32 lg:mb-48 lg:mr-48"> <a href="https://jobs.dstny.be/fr#offres-d'emploi" class="bg-semantic-error font-semibold mb-32 p-16 block rounded-6 text-white hidden" data-role="errors-404">Vous avez essay茅 de postuler 脿 une offre d'emploi qui n'est plus publi茅e. Retournez 脿 l'aper莽u des offres pour consulter les offres d'emploi actives</a> <form action="https://jobs.dstny.be/fr/candidature-spontanee/postuler" method="post" id="applicationForm" enctype="multipart/form-data"> <input type="hidden" name="_token" value="E85HoMdIizzunSzCqiLEmODPBtJ3gqIHs7aZYLcs" autocomplete="off"> <input type="hidden" name="job_id" value="2015933320"/> <fieldset class="mb-24 md:mb-32 lg:mb-48"> <h3 class="content-title site__font--display"> Informations personnelles </h3> <div class="flex flex-col-reverse md:flex-row mb-16"> <div class="w-full md:w-1/2 mr-32"> <div class="mb-16"> <div class="flex flex-col w-full"> <label class="block mb-8 first-letter:uppercase" for="first_name" data-error-text="first_name"> Pr茅nom </label> <div class="relative"> <input class="focus:outline-none site__focus--brand site__focus--outline-brand w-full border h-40 px-12 site__rounded--small site__border--text-light" type="text" value="" placeholder="" name="first_name" id="first_name" data-error-border="first_name" data-locale="fr" autofocus > </div> <div class="text-body-sm pl-4 pt-4 hidden" data-error-feedback="first_name" data-error-text="first_name"></div> </div> </div> <div> <div class="flex flex-col w-full"> <label class="block mb-8 first-letter:uppercase" for="last_name" data-error-text="last_name"> Nom de famille </label> <div class="relative"> <input class="focus:outline-none site__focus--brand site__focus--outline-brand w-full border h-40 px-12 site__rounded--small site__border--text-light" type="text" value="" placeholder="" name="last_name" id="last_name" data-error-border="last_name" data-locale="fr" > </div> <div class="text-body-sm pl-4 pt-4 hidden" data-error-feedback="last_name" data-error-text="last_name"></div> </div> </div> </div> <div class="mb-16 w-full md:w-1/2 flex flex-col"> </div> </div> <div class="md:flex mb-16"> <div class="w-full md:w-1/2 mr-32 mb-16 md:mb-0"> <div class="flex flex-col w-full"> <label class="block mb-8 first-letter:uppercase" for="email" data-error-text="email"> Email </label> <div class="relative"> <input class="focus:outline-none site__focus--brand site__focus--outline-brand w-full border h-40 px-12 site__rounded--small site__border--text-light" type="email" value="" placeholder="" name="email" id="email" data-error-border="email" data-locale="fr" > </div> <div class="text-body-sm pl-4 pt-4 hidden" data-error-feedback="email" data-error-text="email"></div> </div> </div> <div class="w-full md:w-1/2"> <div class="flex flex-col w-full"> <label class="block mb-8 first-letter:uppercase" for="phone" data-error-text="phone"> T茅l茅phone </label> <div class="relative"> <input class="focus:outline-none site__focus--brand site__focus--outline-brand w-full border h-40 px-12 site__rounded--small site__border--text-light" type="text" value="" placeholder="" name="phone" id="phone" data-error-border="phone" data-locale="fr" > </div> <div class="text-body-sm pl-4 pt-4 hidden" data-error-feedback="phone" data-error-text="phone"></div> </div> </div> </div> </fieldset> <fieldset class="mb-24 md:mb-32 lg:mb-48"> <h3 class="content-title site__font--display">profil du candidat</h3> <div class="flex flex-col mb-32"> <div class="file-upload border-dashed border-2 site__border--text-light rounded-6 p-24 flex flex-col items-center justify-center trans-ease-slow group" data-error-border="curriculum_vitae" data-error-text="curriculum_vitae"> <input class="visually-hidden" type="file" name="_curriculum_vitae" id="_curriculum_vitae"> <input type="hidden" name="curriculum_vitae" /> <div class="text-semantic-error m-16 flex justify-center hidden" data-svg="forbidden"> <svg class="w-48 h-48 fill-current" viewBox="0 0 32 32"><path d="M16 6c1.6 0 3.2.4 4.6 1.1L7.1 20.6C6.4 19.2 6 17.6 6 16c0-5.5 4.5-10 10-10m0 20c-1.6 0-3.2-.4-4.6-1.1l13.5-13.5c.7 1.4 1.1 3 1.1 4.6 0 5.5-4.5 10-10 10m0-26C7.2 0 0 7.2 0 16s7.2 16 16 16 16-7.2 16-16S24.8 0 16 0"/></svg> </div> <div class="file-upload-icon relative w-48 h-48 m-16" data-svg="default"> <span class="trans-ease-slow absolute pin block rounded-6 w-48 h-48 opacity-25 bg-secondary"></span> <span class="trans-ease-slow absolute pin flex items-center justify-center rounded-6 w-48 h-48 text-white bg-secondary"> <svg class="block fill-current" viewBox="0 0 30 31" width="30"><path d="M10.153 8.709C11.275 9.15 12 10.187 12 11.349V13H0v-1.651c0-1.162.725-2.198 1.847-2.64C3.038 8.239 4.436 8 6 8c1.564 0 2.962.239 4.153.709zM19.5 1h9a1.5 1.5 0 0 1 0 3h-9a1.5 1.5 0 0 1 0-3zm0 9h9a1.5 1.5 0 0 1 0 3h-9a1.5 1.5 0 0 1 0-3zm-18 9h27a1.5 1.5 0 0 1 0 3h-27a1.5 1.5 0 0 1 0-3zm0 9h27a1.5 1.5 0 0 1 0 3h-27a1.5 1.5 0 0 1 0-3zM6 0a3 3 0 1 1 0 6 3 3 0 0 1 0-6z"/></svg> </span> </div> <span class="font-semibold text-heading-2 mb-16 ">CV</span> <div class="flex items-center"> <span class="mr-8 text-right">Glissez-d茅posez vos documents ici pour les t茅l茅charger</span> <span class="italic mr-8">ou</span> <label class="hover:text-secondary trans-ease cursor-pointer font-semibold underline focus:outline-none focus:text-secondary focus:ring-2 ring-secondary-20 px-4 rounded-6" for="_curriculum_vitae">Feuilleter</label> </div> <div class="overflow-hidden relative w-full hidden" data-role="progress"> <div class="flex items-end mb-8 mt-16 text-body-sm"> <span class="font-semibold mr-auto" data-role="filename" style="max-width:54rem;"></span> <span class="flex-none cursor-pointer underline hidden" data-role="cancel">annuler</span> <span class="flex-none cursor-pointer underline hidden" data-role="delete">supprimer</span> <span class="flex-none font-semibold ml-auto" data-role="fileprogress"></span> </div> <div class="h-4 bg-primary-20 rounded-32"> <div class="progress-bar h-full rounded-32 bg-secondary" data-role="fileprogressbar"></div> </div> </div> </div> <div class="text-body-sm pl-4 pt-4 hidden" data-error-feedback="curriculum_vitae" data-error-text="curriculum_vitae"></div> </div> <div class="flex flex-col mb-32"> <div class="file-upload border-dashed border-2 site__border--text-light rounded-6 p-24 flex flex-col items-center justify-center trans-ease-slow group" data-error-border="motivation_letter" data-error-text="motivation_letter"> <input class="visually-hidden" type="file" name="_motivation_letter" id="_motivation_letter"> <input type="hidden" name="motivation_letter" /> <div class="text-semantic-error mb-16 flex justify-center hidden" data-svg="forbidden"> <svg class="h-32 fill-current" viewBox="0 0 32 32"><path d="M16 6c1.6 0 3.2.4 4.6 1.1L7.1 20.6C6.4 19.2 6 17.6 6 16c0-5.5 4.5-10 10-10m0 20c-1.6 0-3.2-.4-4.6-1.1l13.5-13.5c.7 1.4 1.1 3 1.1 4.6 0 5.5-4.5 10-10 10m0-26C7.2 0 0 7.2 0 16s7.2 16 16 16 16-7.2 16-16S24.8 0 16 0"/></svg> </div> <svg class="block fill-current text-primary-20 h-32 mb-16" viewBox="0 0 32 22" data-svg="default"><path d="M17 13v5h-2v-5h-5l6-6 6 6h-5zm9.842-3.855A10.949 10.949 0 0 0 16 0C11.322 0 7.242 2.883 5.665 7.233A7.467 7.467 0 0 0 0 14.5c0 3.908 3.042 7.201 7 7.5h19c.03 0 .06-.001.09-.004C29.404 21.697 32 18.844 32 15.5c0-3.081-2.208-5.729-5.158-6.355z"/></svg> <span class="font-semibold text-heading-2 ">Lettre de motivation</span> <small class="text-primary-80 text-body-sm mb-16">(non requis)</small> <div class="flex items-center"> <span class="mr-8 text-right">Glissez-d茅posez vos documents ici pour les t茅l茅charger</span> <span class="italic mr-8">ou</span> <label class="hover:text-secondary trans-ease cursor-pointer font-semibold underline focus:outline-none focus:text-secondary focus:ring-2 ring-secondary-20 px-4 rounded-6" for="_motivation_letter">Feuilleter</label> </div> <div class="overflow-hidden relative w-full hidden" data-role="progress"> <div class="flex items-end mb-8 mt-16 text-body-sm"> <span class="font-semibold mr-auto" data-role="filename" style="max-width:54rem;"></span> <span class="flex-none cursor-pointer underline hidden" data-role="cancel">annuler</span> <span class="flex-none cursor-pointer underline hidden" data-role="delete">supprimer</span> <span class="flex-none font-semibold ml-auto" data-role="fileprogress"></span> </div> <div class="h-4 bg-primary-20 rounded-32"> <div class="progress-bar h-full rounded-32 bg-secondary" data-role="fileprogressbar"></div> </div> </div> </div> <div class="text-body-sm pl-4 pt-4 hidden" data-error-feedback="motivation_letter" data-error-text="motivation_letter"></div> </div> <div class="flex flex-col mb-32"> <label class="block mb-8" for="motivation" data-error-text="motivation"> Motivation <small class="text-body-sm site__color--text-70">(non requis)</small> </label> <div class="relative"> <textarea class="jobtoolz-editor focus:outline-none site__focus--brand site__focus--outline-brand w-full border site__rounded--small resize-none p-16 h-168 site__border--text-light" placeholder="" name="motivation" id="motivation" data-error-border="motivation"></textarea> </div> <div class="text-body-sm pl-4 pt-4 hidden" data-error-feedback="motivation" data-error-text="motivation"></div> </div> </fieldset> <fieldset class="mb-24 md:mb-32 lg:mb-48"> <h3 class="content-title site__font--display"> Politique de protection des donn茅es des candidats </h3> <div class="flex flex-col mb-16"> <div class="flex input-checkboxes text-body"> <div class="mr-32 flex items-center " data-error-text="disclaimer"> <label class="flex items-center w-full cursor-pointer"> <input class="visually-hidden site__focus--brand site__focus--outline-brand" type="checkbox" name="disclaimer" value="1" > <span class="flex-none checkmark rounded-32 w-32 h-32 flex items-center justify-center border-2 site__border--text-light trans-ease-slow mr-12 site__color--text-light" data-error-border="disclaimer" data-error-text="disclaimer" > <svg class="block fill-current" width="14" height="10"><path d="M5 10c-.3 0-.5-.1-.7-.3l-4-4c-.4-.4-.4-1 0-1.4.4-.4 1-.4 1.4 0L5 7.6 12.3.3c.4-.4 1-.4 1.4 0 .4.4.4 1 0 1.4l-8 8c-.2.2-.4.3-.7.3"/></svg> </span> <span class="checkmark-text text-left font-semibold">Je suis d'accord avec la politique de protection des donn茅es des candidats.</span> </label> <span class="ml-8 text-body-sm whitespace-nowrap cursor-pointer site__color--brand" data-action="disclaimer" > Plus d'infos </span> </div> </div> </div> </fieldset> <div class="text-semantic-error border-2 border-semantic-error p-16 font-semibold mb-32 rounded-6 flex items-center hidden" data-role="errors-feedback"> <svg enable-background="new 0 0 361.117 361.117" viewBox="0 0 361.117 361.117" class="fill-current block flex-none mr-16" width="40" height="40"> <path d="m359.568 327.246-168.057-305.428c-2.197-3.993-6.395-6.474-10.952-6.474-4.558 0-8.754 2.481-10.952 6.474l-168.058 305.428c-2.131 3.872-2.058 8.582.191 12.388 2.249 3.805 6.34 6.139 10.76 6.139h336.117c4.421 0 8.512-2.334 10.761-6.139 2.249-3.806 2.321-8.516.19-12.388zm-325.922-6.474 146.913-266.999 146.913 266.999z"/> <path d="m164.894 143.085v90.351c0 8.65 7.014 15.665 15.665 15.665 8.65 0 15.665-7.015 15.665-15.665v-90.351c0-8.651-7.015-15.665-15.665-15.665-8.651 0-15.665 7.015-15.665 15.665z"/> <path d="m180.559 265.364c-9.097 0-16.5 7.399-16.5 16.5 0 9.098 7.403 16.5 16.5 16.5s16.5-7.402 16.5-16.5c0-9.1-7.404-16.5-16.5-16.5z"/> </svg> There was an error while processing the form. Please review all required fields. </div> <p class="flex"> <button type="submit" id="form-submit" class="focus:outline-none site__focus--outline-brand ml-auto site__bg--brand site__color--brand-contrast font-semibold site__rounded--medium h-48 px-24 flex items-center justify-center w-full sm:w-1/2 md:w-auto"> <span class="mr-8"> Postuler </span> <svg class="trans-ease icon opacity-50 block stroke-current" width="16" height="14"> <path d="M9.75 1.75L15 7 9.75 1.75zM15 7l-5.25 5.25L15 7zm-2 0H1.5 13z" stroke-width="2" fill="none" stroke-linejoin="round"/> </svg> </button> </p> </form> </div> </div> </div> </div>   <div class="overflow-hidden scroll-scene"><footer component="[object Object]" class="pt-32 mb-32 flex items-center justify-center w-full" data-v-f9d06b72><p class="mr-16" data-v-f9d06b72>Fi猫rement h茅berg茅 par</p> <a href="https://jobtoolz.com" class="w-32 h-32" data-v-f9d06b72><svg width="32" height="32" class="block" data-v-f9d06b72><g data-v-f9d06b72><path d="M32 16a15.944 15.944 0 0 0-4.686-11.314A15.944 15.944 0 0 0 16 0 15.943 15.943 0 0 0 4.686 4.686 15.943 15.943 0 0 0 0 16a15.945 15.945 0 0 0 4.686 11.314A15.946 15.946 0 0 0 16 32a15.902 15.902 0 0 0 8.368-2.36l5.47 2.115-1.636-5.406a15.912 15.912 0 0 0 2.54-4.12A15.902 15.902 0 0 0 32 16z" fill="#231F20" data-v-f9d06b72></path><path d="M10.344 13.148c0 1.03-.089 1.562-.266 1.95-.178.376-.554.763-.908.974a3.094 3.094 0 0 1-1.65.476c-.189 0-2.349 0-2.703-2.16a3.842 3.842 0 0 1-.056-.631h2.227c0 .077.01.155.022.244.044.332.166.709.61.709.32 0 .475-.167.553-.376.077-.223.077-.477.077-.665V8.197h2.093v4.951h.001zm13.01 1.406h.985c.134 0 .4 0 .621-.1.232-.099.42-.299.42-.686 0-.354-.177-.532-.398-.62-.21-.089-.476-.089-.643-.089h-.985v1.495zm0-3.245h.741c.145 0 .366 0 .555-.077.188-.089.332-.256.332-.576 0-.31-.144-.466-.321-.543-.178-.077-.4-.077-.566-.077h-.741v1.273zM21.26 8.197h3.013c.841 0 1.517.188 1.983.553.476.355.73.898.73 1.596 0 .63-.288 1.273-.952 1.65 1.318.465 1.352 1.562 1.352 1.905 0 .653-.256 1.373-.754 1.783-.753.632-1.296.71-2.68.71H21.26V8.197zm-1.2 4.098a4.254 4.254 0 1 1-8.506.117 4.254 4.254 0 0 1 8.507-.117z" fill="#FFF" data-v-f9d06b72></path><path d="M17.746 13.774c.326-.424.503-.944.503-1.48a2.442 2.442 0 1 0-1.504 2.256l1.31.626-.309-1.402z" fill="#72CC66" data-v-f9d06b72></path><g transform="translate(4.266 17.6)" fill="#FFF" data-v-f9d06b72><path d="M1.64270934 1.528944L0.356261334 1.528944 0.356261334 0.405872 4.20125334 0.405872 4.20125334 1.528944 2.92158934 1.528944 2.92158934 5.412896 1.64270934 5.412896z" data-v-f9d06b72></path><path d="M11.334 2.902c0 .765.522 1.482 1.381 1.482.907 0 1.347-.826 1.347-1.468 0-.65-.44-1.482-1.36-1.482-.887 0-1.368.758-1.368 1.462v.006z" data-v-f9d06b72></path><path d="M16.0654934 0.405872L17.3442134 0.405872 17.3442134 4.289568 18.8261334 4.289568 18.8261334 5.412896 16.0654934 5.412896z" data-v-f9d06b72></path><path d="M20.8837334 4.289568L22.4805334 4.289568 22.4805334 5.412896 19.3206934 5.412896 19.3206934 4.573856 21.0459734 1.528944 19.3206934 1.528944 19.3206934 0.405872 22.4805334 0.405872 22.4805334 1.441136z" data-v-f9d06b72></path><path d="M10.108 2.91a2.59 2.59 0 1 1 5.18 0 2.59 2.59 0 0 1-5.18 0z" data-v-f9d06b72></path></g><path d="M16.965 19.023c-.202 0-.394.04-.568.113l-.795-.38.187.85a1.482 1.482 0 1 0 1.176-.583z" fill="#231F20" data-v-f9d06b72></path><path d="M8.616 20.51a2.59 2.59 0 1 1 5.18 0 2.59 2.59 0 0 1-5.18 0z" fill="#FFF" data-v-f9d06b72></path><path d="M9.724 20.51a1.482 1.482 0 1 1 2.962-.07 1.482 1.482 0 0 1-2.962.07z" fill="#231F20" data-v-f9d06b72></path></g></svg></a></footer></div></div></div> </div> <script nonce="cDV2HJpFnVBPOrbVERKoyb5ntpvco3ux"> var Jobtoolz = (function () { return { api: { url: 'https://api.jobtoolz.com', token: 'eyJpdiI6Ik9MMmxRZ1Z3QXcwaWVwYmpmTU9MbEE9PSIsInZhbHVlIjoiL2QvMk5LVzQvUnRNeVkvK0RlSG9KWUkwcW1FdXB6NDdJbFNwbTZhWElVdS9zbDh3WXc0U2RtNDd5d3gxK09wNCIsIm1hYyI6IjQ1MDQ4MGEwMmM3M2ZlZGI3ZWY2NDJiZWM4YzI0YjBhNTc0MThhOWNlOTc1MDAxMTZmNDI5MDdjMjY4NThkODUiLCJ0YWciOiIifQ==' }, urls: { success: 'https://jobs.dstny.be/fr/candidature-spontanee/postuler/merci' } }; })(); </script> <script src="/jobsites/js/manifest.js?id=3ef8d3e391ab97e0833084a5135aa0ee"></script> <script src="/jobsites/js/vendor.js?id=42c77de380a51b294cf0ff00c29580d8"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/ScrollMagic.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/plugins/debug.addIndicators.js"></script> <div class="bg-opacity-20 bg-black items-center justify-center w-screen h-dvh fixed top-0 z-20 hidden" id="cookie_popup" x-data="{ onFirstTab: true, AnalyticsMarketingCookies: false }" > <div class="bg-white mx-16 shadow sm:w-4/5 md:w-1/2 lg:w-1/2 max-h-5/6 flex flex-col site__rounded--small "> <div class="bg-primary-5 px-16 sm:px-32 pt-16 site__rounded--small-top "> <img src="https://jobtoolz-assets.imgix.net/assets/companies/1310796430/logo-jazCUfv2LlfBH2i.jpg?dpr=2" alt="Company logo" class="inline-block align-middle max-h-32 sm:max-h-40 mb-14 mr-16"> <h2 class="hidden lg:inline-block align-middle font-semibold text-heading-2 mb-14">D茅couvrez plus gr芒ce aux cookies</h2> </div> <div id="cp_content" class="overflow-y-auto overflow-x-hidden"> <div id="cp_content_first_tab" x-show="onFirstTab" class="px-16 sm:px-32 pt-16"> <h2 class="font-semibold text-ocean-blue text-heading-2 mb-12"> Politique de cookies </h2> <p class="mb-20">Destiny utilise des cookies pour am茅liorer le fonctionnement du site web, pour am茅liorer le fonctionnement et le contenu du site web et pour procurer aux visiteurs du site web des annonces et contenu pertinents.</p> <p class="mb-20">Si vous choisissez "Acceptez tous les cookies", vous acceptez que nous utilisions ces informations pour les raisons susmentionn茅es. Si vous refusez votre consentement, nous n'utiliserons que les cookies n茅cessaires au fonctionnement du site et vous ne recevrez malheureusement aucun contenu personnalis茅.</p> <p class=""> Jobtoolz collecte des donn茅es anonymes pour am茅liorer l'exp茅rience utilisateur sur les sites de recrutement. <a href="https://jobtoolz.com/fr/politique-de-cookie">Lisez ici la politique de cookies compl猫te de Jobtoolz</a>. </p> </div> <div id="cp_content_second_tab" x-show="!onFirstTab" class="px-16 sm:px-32 pt-16"> <div x-data="{ checked: true, disabled: true, big: false, before: false}" class="flex-none"> <label class="flex cursor-pointer items-start mb-20 mt-12" x-bind:class="{'opacity-50': disabled, 'opacity-100': !disabled }" > <span x-show="before"> <header class="leading-snug select-none -mt-2"> <h4 x-bind:class="{'text-secondary': checked, 'text-primary': !checked }" class="trans-ease font-semibold first-letter:uppercase inline-block"> Cookies n茅cessaires </h4> <span class="text-body"> (requis) </span> </header> <span> Ces cookies sont n茅cessaires pour des raisons purement techniques pour une visite normale du site. Compte tenu de la n茅cessit茅 technique, seule une obligation d'information s'applique, et ces cookies sont d茅pos茅s d猫s que vous acc茅dez au site </span> </span> <span class="toggle relative flex items-center justify-center cursor-pointer mt-2"> <input class="sr-only peer" type="checkbox" x-bind:checked="checked" x-bind:disabled="disabled" id="toggle-1" x-on:click="checked = !checked; $dispatch('toggled', { id: 1, checked: checked})" > <span class="block peer-checked:bg-secondary-80 rounded-32 bg-primary-20 w-32 h-16 mr-8" ></span> <span class="absolute left-2 top-2 bg-white rounded-32 transition w-12 h-12 peer-checked:translate-x-16"></span> </span> <span x-show="!before"> <header class="leading-snug select-none -mt-2"> <h4 x-bind:class="{'text-secondary': checked, 'text-primary': !checked }" class="trans-ease font-semibold first-letter:uppercase inline-block"> Cookies n茅cessaires </h4> <span class="text-body"> (requis) </span> </header> <span class="text-2xl"> Ces cookies sont n茅cessaires pour des raisons purement techniques pour une visite normale du site. Compte tenu de la n茅cessit茅 technique, seule une obligation d'information s'applique, et ces cookies sont d茅pos茅s d猫s que vous acc茅dez au site </span> </span> </label> </div> <div x-data="{ checked: true, disabled: true, big: false, before: false}" class="flex-none"> <label class="flex cursor-pointer items-start mb-20 mt-12" x-bind:class="{'opacity-50': disabled, 'opacity-100': !disabled }" > <span x-show="before"> <header class="leading-snug select-none -mt-2"> <h4 x-bind:class="{'text-secondary': checked, 'text-primary': !checked }" class="trans-ease font-semibold first-letter:uppercase inline-block"> Cookies fonctionnels </h4> <span class="text-body"> (requis) </span> </header> <span> Vous ne pouvez pas refuser ces cookies si vous souhaitez naviguer sur ce site, mais ils ne sont d茅pos茅s qu'apr猫s choix du placement des cookies. </span> </span> <span class="toggle relative flex items-center justify-center cursor-pointer mt-2"> <input class="sr-only peer" type="checkbox" x-bind:checked="checked" x-bind:disabled="disabled" id="toggle-2" x-on:click="checked = !checked; $dispatch('toggled', { id: 2, checked: checked})" > <span class="block peer-checked:bg-secondary-80 rounded-32 bg-primary-20 w-32 h-16 mr-8" ></span> <span class="absolute left-2 top-2 bg-white rounded-32 transition w-12 h-12 peer-checked:translate-x-16"></span> </span> <span x-show="!before"> <header class="leading-snug select-none -mt-2"> <h4 x-bind:class="{'text-secondary': checked, 'text-primary': !checked }" class="trans-ease font-semibold first-letter:uppercase inline-block"> Cookies fonctionnels </h4> <span class="text-body"> (requis) </span> </header> <span class="text-2xl"> Vous ne pouvez pas refuser ces cookies si vous souhaitez naviguer sur ce site, mais ils ne sont d茅pos茅s qu'apr猫s choix du placement des cookies. </span> </span> </label> </div> <div x-data="{ checked: false, disabled: false, big: false, before: false}" class="flex-none"> <label class="flex cursor-pointer items-start mb-20 mt-12" x-bind:class="{'opacity-50': disabled, 'opacity-100': !disabled }" > <span x-show="before"> <header class="leading-snug select-none -mt-2"> <h4 x-bind:class="{'text-secondary': checked, 'text-primary': !checked }" class="trans-ease font-semibold first-letter:uppercase inline-block"> Cookies analytiques et marketing </h4> <span class="text-body"> (facultatif) </span> </header> <span> Ce sont des cookies qui nous permettent de savoir combien de fois une page sp茅cifique a 茅t茅 visit茅e. Nous utilisons ces informations uniquement pour am茅liorer le contenu de notre site Web. Ces cookies ne sont plac茅s que si vous acceptez leur placement </span> </span> <span class="toggle relative flex items-center justify-center cursor-pointer mt-2"> <input class="sr-only peer" type="checkbox" x-bind:checked="checked" x-bind:disabled="disabled" id="toggle-3" x-on:click="checked = !checked; $dispatch('toggled', { id: 3, checked: checked})" > <span class="block peer-checked:bg-secondary-80 rounded-32 bg-primary-20 w-32 h-16 mr-8" ></span> <span class="absolute left-2 top-2 bg-white rounded-32 transition w-12 h-12 peer-checked:translate-x-16"></span> </span> <span x-show="!before"> <header class="leading-snug select-none -mt-2"> <h4 x-bind:class="{'text-secondary': checked, 'text-primary': !checked }" class="trans-ease font-semibold first-letter:uppercase inline-block"> Cookies analytiques et marketing </h4> <span class="text-body"> (facultatif) </span> </header> <span class="text-2xl"> Ce sont des cookies qui nous permettent de savoir combien de fois une page sp茅cifique a 茅t茅 visit茅e. Nous utilisons ces informations uniquement pour am茅liorer le contenu de notre site Web. Ces cookies ne sont plac茅s que si vous acceptez leur placement </span> </span> </label> </div> </div> <div id="cp_fadeout" class="hidden sticky bottom-0 h-80 w-full bg-gradient-to-t from-white to-transparent pointer-events-none"></div> </div> <div class="text-body-sm px-16 sm:px-32 py-16"> <div class="flex flex-col lg:flex-row justify-end items-stretch gap-16"> <button role="button" x-on:click="onFirstTab=!onFirstTab" class="flex justify-center items-center cursor-pointer rounded-6 font-semibold tracking-wider py-10 px-24 trans-ease site__color--brand-contrast site__bg--brand hover:site__bg--brand-10 " x-bind:class="{'pl-24 pr-16': onFirstTab, 'pr-24 pl-16': !onFirstTab}" > <svg id="chevron" class="mr-4 w-24 h-24 site__color--brand-contrast " fill="currentColor" x-bind:class="{'rotate-180 order-last': onFirstTab}" viewBox="0 0 24 24" > <path d="m14 6.586-4.707 4.707c-.391.391-.391 1.023 0 1.414l4.707 4.707 1.414-1.414-4-4 4-4z"/> </svg> <span x-text="onFirstTab ? 'G茅rer les cookies' : 'Retour'"></span> </button> <button role="button" class="cursor-pointer rounded-6 font-semibold tracking-wider py-10 px-24 trans-ease site__color--brand-contrast site__bg--brand hover:site__bg--brand-10 " x-show="onFirstTab" x-on:click="window.acceptCookies(false)" > Refuser les cookies optionnels </button> <button role="button" class="cursor-pointer rounded-6 font-semibold tracking-wider py-10 px-24 trans-ease site__color--brand-contrast site__bg--brand hover:site__bg--brand-10 " x-text="onFirstTab ? 'Acceptez tous les cookies' : 'Accepter ma s茅lection'" x-on:toggled.window="if ($event.detail.id === 3) { AnalyticsMarketingCookies = $event.detail.checked }" x-on:click="window.acceptCookies(onFirstTab ? true : AnalyticsMarketingCookies)" ></button> </div> </div> </div> </div>  <div class="z-top fixed p-16 bottom-0 inset-x-0 sm:inset-0 sm:flex sm:items-center sm:justify-center" id="cookie-policy" x-data="{ open: false }" @open-cookie.window="open = true" closable="closable" wider="wider" x-data="{ open: true }" x-show="open" x-cloak > <div x-show="open" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="fixed inset-0 transition-opacity" @click="open = false" > <div class="absolute inset-0 site__bg--text opacity-75"></div> </div> <div x-show="open" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" class="bg-white site__rounded--small shadow-lg overflow-hidden transform transition-all sm:max-w-720 sm:w-full" > <div class="p-32 xs:p-40 sm:p-48 overflow-auto" style="max-height: 80vh"> <button role="button" @click="open = false" class="absolute right-0 top-0 mr-20 mt-20 block w-40 h-40" aria-label="close"> <svg class="w-40 h-40" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> </svg> </button> <p class="mb-20">Destiny utilise des cookies pour am茅liorer le fonctionnement du site web, pour am茅liorer le fonctionnement et le contenu du site web et pour procurer aux visiteurs du site web des annonces et contenu pertinents.</p> <p class="mb-20">Si vous choisissez "Acceptez tous les cookies", vous acceptez que nous utilisions ces informations pour les raisons susmentionn茅es. Si vous refusez votre consentement, nous n'utiliserons que les cookies n茅cessaires au fonctionnement du site et vous ne recevrez malheureusement aucun contenu personnalis茅.</p> <p class=""> Jobtoolz collecte des donn茅es anonymes pour am茅liorer l'exp茅rience utilisateur sur les sites de recrutement. <a href="https://jobtoolz.com/fr/politique-de-cookie">Lisez ici la politique de cookies compl猫te de Jobtoolz</a>. </p> </div> </div> </div>  <div class="z-top fixed p-16 bottom-0 inset-x-0 sm:inset-0 sm:flex sm:items-center sm:justify-center" id="privacy-policy" x-data="{ open: false }" @open-policy.window="open = true" closable="closable" wider="wider" x-data="{ open: true }" x-show="open" x-cloak > <div x-show="open" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="fixed inset-0 transition-opacity" @click="open = false" > <div class="absolute inset-0 site__bg--text opacity-75"></div> </div> <div x-show="open" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" class="bg-white site__rounded--small shadow-lg overflow-hidden transform transition-all sm:max-w-720 sm:w-full" > <div class="p-32 xs:p-40 sm:p-48 overflow-auto" style="max-height: 80vh"> <button role="button" @click="open = false" class="absolute right-0 top-0 mr-20 mt-20 block w-40 h-40" aria-label="close"> <svg class="w-40 h-40" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> </svg> </button> <h2 class="font-semibold text-ocean-blue text-heading-2 mb-12"> Politique de confidentialit茅 </h2> <div class="wysiwyg-content"> <p>Pour assurer un processus de recrutement et de s茅lection de qualit茅 nous collectons vos donn茅es personnelles 脿 l'aide de Jobtoolz, notre plateforme de candidature en ligne.</p><p>La communication de ces donn茅es personnelles est donc une condition n茅cessaire pour compl茅ter le processus de candidature.</p><p>En recueillant et en traitant vos donn茅es personnelles, nous respectons toujours les r茅glementations relatives 脿 la protection des donn茅es personnelles ainsi que le R猫glement G茅n茅ral sur la Protection des Donn茅es ("AVG" ou GDPR").</p><p>Pour de plus amples informations sur la mani猫re dont nous traitons vos donn茅es personnelles, nous vous renvoyons 脿 notre politique de confidentialit茅.</p> <p class="mt-32 text-body-sm"> Souhaitez-vous en savoir plus sur la politique de confidentialit茅 de Jobtoolz <a href="https://jobtoolz.com/fr/politique-de-confidentialite">Cliquez ici</a> </p> </div> </div> </div> </div>  <div class="z-top fixed p-16 bottom-0 inset-x-0 sm:inset-0 sm:flex sm:items-center sm:justify-center" id="cancel-interview-modal" x-data="{ open: false }" wider="wider" closable="closable" @open-cancel-interview.window="open = true" @close-cancel-interview.window="open = false" x-data="{ open: true }" x-show="open" x-cloak > <div x-show="open" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="fixed inset-0 transition-opacity" @click="open = false" > <div class="absolute inset-0 site__bg--text opacity-75"></div> </div> <div x-show="open" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" class="bg-white site__rounded--small shadow-lg overflow-hidden transform transition-all sm:max-w-720 sm:w-full" > <div class="p-32 xs:p-40 sm:p-48 overflow-auto" style="max-height: 80vh"> <button role="button" aria-label="close" class="absolute right-0 top-0 mt-20 mr-20 block w-40 h-40" @click="open = false" > <svg class="w-40 h-40" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> </svg> </button> <form id="interview-cancel-form"> <div> <h2 class="text-heading-2 font-semibold">Annuler l'entretien</h2> <p class="text-body mt-8">脢tes-vous s没r de vouloir annuler cet entretien ?</p> </div> <div> <textarea name="cancel_description" id="cancel_description" class="border-2 border-color-grey resize-none w-full h-144 mt-24 p-16" placeholder="Informez Destiny de la raison pour laquelle vous annulez l'entretien." ></textarea> </div> <div class="flex justify-end"> <button id="cancel-interview_btn" role="button" type="submit" class="border-1 border-color-primary bg-color-primary text-white text-body font-semibold py-8 px-16 mt-24 bg-semantic-error hover:bg-semantic-error-dark rounded-md" > Annuler l'entretien </button> </div> </form> </div> </div> </div>  <div class="z-top fixed p-16 bottom-0 inset-x-0 sm:inset-0 sm:flex sm:items-center sm:justify-center" id="reschedule-interview-modal" x-data="{ open: false }" wider="wider" closable="closable" @open-reschedule-interview.window="open = true" @close-reschedule-interview.window="open = false" x-data="{ open: true }" x-show="open" x-cloak > <div x-show="open" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="fixed inset-0 transition-opacity" @click="open = false" > <div class="absolute inset-0 site__bg--text opacity-75"></div> </div> <div x-show="open" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" class="bg-white site__rounded--small shadow-lg overflow-hidden transform transition-all sm:max-w-720 sm:w-full" > <div class="p-32 xs:p-40 sm:p-48 overflow-auto" style="max-height: 80vh"> <button role="button" aria-label="close" class="absolute right-0 top-0 mt-20 mr-20 block w-40 h-40" @click="open = false" > <svg class="w-40 h-40" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> </svg> </button> <form id="interview-reschedule-form"> <div> <h2 class="text-heading-2 font-semibold">Reporter l'entretien</h2> <p class="text-body mt-8">脢tes-vous s没r de vouloir reprogrammer cet entretien ?</p> </div> <div> <textarea name="reschedule_description" id="reschedule_description" class="border-2 border-color-grey resize-none w-full h-144 mt-24 p-16" placeholder="Informez Destiny de la raison pour laquelle vous reprogrammez l'entretien. Si possible, indiquez de nouveaux cr茅neaux horaires." ></textarea> </div> <div class="flex justify-end"> <button id="reschedule-interview_btn" role="button" type="submit" class="border-1 border-color-primary bg-color-primary text-white text-body font-semibold py-8 px-16 mt-24 bg-semantic-warning hover:bg-semantic-warning-lightdark rounded-md" > Reporter l'entretien </button> </div> </form> </div> </div> </div> <script src="/jobsites/js/app.js?id=927ccf437c4ba009eed7f0ed6e6fc54c"></script> <script async src="https://platform-api.sharethis.com/js/sharethis.js#property=5dfce2cab103ed0012b9407a&product=sticky-share-buttons"></script> <div class="w-full bg-semantic-warning-light p-16 fixed top-0 left-0 z-20" id="iebanner" style="background-color: rgb(255, 251, 235); display: none;"> <div class="inline-block w-full sm:w-3/4"> <div class="text-semantic-warning inline-block align-middle mr-14 w-auto"> <svg class="h-20 w-20 text-semantic-warning" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" style="color: rgb(146, 64, 14);"> <path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd"/> </svg> </div> <div class="inline-block align-middle w-11/12"> <h3 class="text-body-14 text-semantic-warning" style="color: rgb(146, 64, 14);"> Attention! </h3> <div class="mt-8 text-body-14 text-semantic-warning" style="color: rgb(146, 64, 14);"> <p>Nous avons remarqu茅 que vous utilisez un ancien navigateur web qui peut emp锚cher ce site web de fonctionner correctement. Pour une exp茅rience s没re et ininterrompue, nous vous recommandons de mettre 脿 jour votre navigateur imm茅diatement.</p> </div> </div> </div> <div class="mt-14 md:mt-0 w-full sm:w-1/5 inline-block align-middle space-x-24"> <a class="inline-block w-full sm:w-auto text-center sm:text-left rounded-6 bg-semantic-warning hover:bg-semantic-warning py-8 px-14" style="background-color: rgb(146, 64, 14); color: rgb(255, 251, 235);" href="https://browser-update.org/fr/update.html?force_outdated=true"> Mettre 脿 jour mon navigateur </a> </div> </div> <script nonce="cDV2HJpFnVBPOrbVERKoyb5ntpvco3ux"> // if (window.navigator.userAgent.match(/(MSIE|Trident)/)) { if (!(window.CSS && window.CSS.supports && window.CSS.supports('--css: variables'))) { document.addEventListener('DOMContentLoaded', function () { document.getElementById('iebanner').style.display = 'block'; }); } </script> </body> </html>

CINXE.COM

Destiny | Candidature Spontan茅e