{"id":5599,"date":"2025-07-17T15:31:56","date_gmt":"2025-07-17T15:31:56","guid":{"rendered":"https:\/\/www.blackburnathletics.ca\/candidature\/"},"modified":"2025-11-15T20:20:25","modified_gmt":"2025-11-15T20:20:25","slug":"candidature","status":"publish","type":"page","link":"https:\/\/www.blackburnathletics.ca\/en\/candidature\/","title":{"rendered":"Candidature"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5599\" class=\"elementor elementor-5599\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dea1725 e-flex e-con-boxed e-con e-parent\" data-id=\"dea1725\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b387031 elementor-widget elementor-widget-heading\" data-id=\"b387031\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\"><span>Application Form<\/span><\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-54c0b02 e-flex e-con-boxed e-con e-parent\" data-id=\"54c0b02\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-b623d6d e-con-full e-flex e-con e-child\" data-id=\"b623d6d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-95acc65 elementor-widget elementor-widget-shortcode\" data-id=\"95acc65\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f5651-o1\" lang=\"en-CA\" dir=\"ltr\" data-wpcf7-id=\"5651\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/en\/wp-json\/wp\/v2\/pages\/5599#wpcf7-f5651-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" enctype=\"multipart\/form-data\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"5651\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_CA\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f5651-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<style>\n \/* Global font family for all elements *\/\n * {\n font-family: Alexandria\\:Light, sans-serif;\n font-style: normal;\n }\n \n body {\n font-family: Alexandria\\:Light, sans-serif;\n font-style: normal;\n }\n \n \/* Ensure no italic text anywhere *\/\n * {\n font-style: normal !important;\n }\n \n em, i, .italic {\n font-style: normal !important;\n }\n\n .multistep-form {\n max-width: 800px;\n margin: 0 auto;\n font-family: Alexandria\\:Light, sans-serif;\n }\n \n \/* Contenedor principal del formulario *\/\n .form-container {\n background: white;\n border-radius: 12px;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\n padding: 40px;\n margin-top: 20px;\n }\n \n \/* Remove right padding for navigation in last step *\/\n .form-container .form-navigation {\n margin-right: -40px;\n margin-left: -40px;\n padding-left: 40px;\n padding-right: 40px;\n }\n \n \/* Progress indicator *\/\n .form-progress {\n display: flex;\n justify-content: space-between;\n margin-bottom: 50px;\n padding: 0 20px 20px 20px;\n position: relative;\n flex-wrap: wrap;\n gap: 10px;\n }\n \n \/* Progress line *\/\n .progress-line {\n position: absolute;\n bottom: 5px;\n left: 20px;\n right: 20px;\n height: 3px;\n background: #e9ecef;\n border-radius: 2px;\n z-index: 1;\n }\n \n .progress-fill {\n height: 100%;\n background: #dc3545;\n border-radius: 2px;\n width: 0%;\n transition: width 0.5s ease;\n }\n \n .step {\n display: flex;\n flex-direction: column;\n align-items: center;\n flex: 1;\n min-width: 80px;\n max-width: 120px;\n opacity: 0.5;\n cursor: pointer;\n transition: opacity 0.3s ease;\n position: relative;\n z-index: 2;\n }\n \n .step.active {\n opacity: 1;\n }\n \n .step.completed {\n opacity: 1;\n color: #28a745;\n }\n \n .step-number {\n width: 35px;\n height: 35px;\n border-radius: 50%;\n background: #e9ecef;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: bold;\n font-size: 14px;\n margin-bottom: 6px;\n transition: all 0.3s ease;\n }\n \n .step.active .step-number {\n background: #dc3545;\n color: white;\n }\n \n .step.completed .step-number {\n background: #28a745;\n color: white;\n }\n \n .step-title {\n font-size: 11px;\n text-align: center;\n line-height: 1.1;\n word-wrap: break-word;\n }\n \n \/* Form steps *\/\n .form-step {\n display: none;\n animation: fadeIn 0.3s ease-in-out;\n }\n \n .form-step.active {\n display: block;\n }\n \n @keyframes fadeIn {\n from { opacity: 0; transform: translateX(20px); }\n to { opacity: 1; transform: translateX(0); }\n }\n \n .form-step h3 {\n font-size: 24px;\n margin-bottom: 30px;\n color: #202128;\n }\n \n \/* Form layout *\/\n .form-row {\n display: flex;\n gap: 20px;\n margin-bottom: 20px;\n }\n \n .form-col {\n flex: 1;\n }\n \n .form-col label {\n display: block;\n margin-bottom: 8px;\n font-weight: 500;\n color: #202128;\n }\n \n .form-col input,\n .form-col select,\n .form-col textarea {\n width: 100%;\n padding: 12px;\n border: 1px solid #ddd;\n border-radius: 4px;\n font-size: 14px;\n transition: border-color 0.3s ease;\n }\n \n .form-col input:focus,\n .form-col select:focus,\n .form-col textarea:focus {\n outline: none;\n border-color: #dc3545;\n box-shadow: 0 0 0 2px rgba(220, 53, 69, 0.1);\n }\n \n .form-col small {\n display: block;\n margin-top: 5px;\n color: #666;\n font-size: 12px;\n }\n \n \/* Secondary locations *\/\n .secondary-locations-container {\n position: relative;\n }\n \n .selected-locations {\n margin-bottom: 15px;\n min-height: 20px;\n border: 1px solid #e9ecef;\n border-radius: 4px;\n padding: 10px;\n background: #f8f9fa;\n min-height: 60px;\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n align-items: flex-start;\n align-content: flex-start;\n }\n \n .selected-locations:empty::after {\n content: \"Aucun lieu secondaire s\u00e9lectionn\u00e9\";\n color: #202128;\n font-size: 14px;\n font-style: normal;\n }\n \n .multi-select {\n width: 100%;\n padding: 12px;\n border: 1px solid #ddd;\n border-radius: 4px;\n font-size: 14px;\n background: white;\n cursor: pointer;\n transition: border-color 0.3s ease;\n }\n \n .multi-select:focus {\n outline: none;\n border-color: #dc3545;\n box-shadow: 0 0 0 2px rgba(220, 53, 69, 0.1);\n }\n \n .location-tag {\n display: inline-flex;\n align-items: center;\n background: #dc3545;\n color: white;\n padding: 8px 12px;\n border-radius: 20px;\n font-size: 13px;\n font-weight: 500;\n gap: 8px;\n white-space: nowrap;\n box-shadow: 0 2px 4px rgba(220, 53, 69, 0.2);\n transition: all 0.2s ease;\n }\n \n .location-tag:hover {\n background: #c82333;\n transform: translateY(-1px);\n box-shadow: 0 3px 6px rgba(220, 53, 69, 0.3);\n }\n \n .remove-tag {\n cursor: pointer;\n font-weight: bold;\n width: 18px;\n height: 18px;\n background: rgba(255, 255, 255, 0.2);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 14px;\n line-height: 1;\n transition: background 0.2s ease;\n }\n \n .remove-tag:hover {\n background: rgba(255, 255, 255, 0.4);\n }\n \n \/* Pop-up styles *\/\n .popup-overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.5);\n z-index: 1000;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n .popup-content {\n background: white;\n padding: 30px;\n border-radius: 8px;\n max-width: 400px;\n width: 90%;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\n }\n \n .popup-content h4 {\n margin: 0 0 15px 0;\n color: #333;\n font-size: 18px;\n }\n \n .popup-content p {\n margin: 0 0 20px 0;\n color: #666;\n font-size: 14px;\n }\n \n .popup-content input {\n width: 100%;\n padding: 12px;\n border: 1px solid #ddd;\n border-radius: 4px;\n font-size: 14px;\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n \n .popup-content input:focus {\n outline: none;\n border-color: #dc3545;\n box-shadow: 0 0 0 2px rgba(220, 53, 69, 0.1);\n }\n \n .popup-buttons {\n display: flex;\n gap: 10px;\n justify-content: flex-end;\n }\n \n .popup-buttons button {\n padding: 10px 20px;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n font-size: 14px;\n transition: all 0.3s ease;\n }\n \n #popup-cancel {\n background: #6c757d;\n color: white;\n }\n \n #popup-cancel:hover {\n background: #5a6268;\n }\n \n #popup-confirm {\n background: #dc3545;\n color: white;\n }\n \n #popup-confirm:hover {\n background: #c82333;\n }\n \n \/* Checkboxes *\/\n .wpcf7-checkbox,\n .wpcf7-radio {\n display: flex;\n flex-wrap: wrap;\n gap: 15px;\n }\n \n .wpcf7-list-item {\n margin: 0 !important;\n }\n \n .wpcf7-list-item-label {\n margin-left: 8px;\n }\n \n \/* Navigation buttons *\/\n .form-navigation {\n display: none; \/* Hidden by default, shown dynamically *\/\n justify-content: space-between;\n margin-top: 40px;\n padding-top: 20px;\n border-top: 1px solid #eee;\n }\n \n \/* Special alignment for final step - Envoyer button to the right *\/\n #nav-step-6 {\n margin-bottom: 20px;\n justify-content: space-between;\n padding-right: 0 !important;\n }\n \n #nav-step-6 .btn-prev {\n margin-right: auto;\n }\n \n #nav-step-6 .wpcf7-submit {\n margin-left: auto;\n margin-right: 0 !important;\n position: relative;\n right: 0;\n }\n \n\n \n .btn-prev,\n .btn-next,\n .wpcf7-submit {\n padding: 12px 30px;\n border: none;\n border-radius: 4px;\n font-size: 14px;\n font-weight: 500;\n cursor: pointer;\n transition: all 0.3s ease;\n }\n \n .btn-prev {\n background: #6c757d;\n color: white;\n }\n \n .btn-prev:hover {\n background: #5a6268;\n }\n \n .btn-next,\n .wpcf7-submit {\n background: #dc3545;\n color: white;\n }\n \n .btn-next:hover,\n .wpcf7-submit:hover {\n background: #c82333;\n transform: translateY(-1px);\n }\n \n \/* File upload styling *\/\n .wpcf7-file {\n padding: 10px !important;\n border: 2px dashed #ddd !important;\n background: #f8f9fa;\n }\n \n .wpcf7-file:hover {\n border-color: #dc3545 !important;\n }\n \n \/* Form instructions *\/\n .form-instructions {\n color: #202128;\n font-size: 14px;\n margin-bottom: 25px;\n font-style: normal;\n }\n \n \/* Availability grid *\/\n .availability-grid-container {\n margin-bottom: 30px;\n }\n \n .availability-grid {\n background: #f8f9fa;\n border-radius: 8px;\n padding: 20px;\n margin-bottom: 20px;\n border: 1px solid #e9ecef;\n overflow-x: auto;\n }\n \n .grid-header {\n display: grid;\n grid-template-columns: 90px repeat(7, 1fr);\n gap: 6px;\n margin-bottom: 15px;\n font-weight: 600;\n color: #202128;\n }\n \n .time-slot-header {\n text-align: center;\n padding: 8px;\n background: #e9ecef;\n border-radius: 4px;\n font-size: 12px;\n }\n \n .day-header {\n text-align: center;\n padding: 8px;\n background: #e9ecef;\n border-radius: 4px;\n font-size: 12px;\n }\n \n .grid-row {\n display: grid;\n grid-template-columns: 90px repeat(7, 1fr);\n gap: 6px;\n margin-bottom: 10px;\n }\n \n .time-slot-label {\n display: flex;\n align-items: center;\n padding: 8px;\n background: #e9ecef;\n border-radius: 4px;\n font-size: 12px;\n font-weight: 500;\n }\n \n .grid-cell {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 8px;\n background: transparent;\n border: none;\n transition: all 0.2s ease;\n }\n \n .availability-checkbox {\n width: 16px;\n height: 16px;\n cursor: pointer;\n accent-color: #dc3545;\n }\n \n \/* Selection summary *\/\n .selection-summary {\n background: #e3f2fd;\n border-radius: 8px;\n padding: 15px 20px;\n border: 1px solid #bbdefb;\n }\n \n .summary-text {\n display: block;\n font-weight: 500;\n color: #1976d2;\n margin-bottom: 8px;\n font-size: 14px;\n }\n \n .selected-slots {\n color: #424242;\n font-size: 13px;\n line-height: 1.4;\n }\n \n \/* Textarea container and character counter *\/\n .textarea-container {\n position: relative;\n }\n \n .char-counter {\n position: absolute;\n bottom: 8px;\n right: 12px;\n font-size: 12px;\n color: #202128;\n background: white;\n padding: 2px 6px;\n border-radius: 3px;\n }\n \n \/* Suggestions box *\/\n .suggestions-box {\n background: #e3f2fd;\n border-radius: 8px;\n padding: 20px;\n margin-top: 20px;\n border: 1px solid #bbdefb;\n }\n \n .suggestions-header {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-bottom: 15px;\n color: #2c3e50;\n font-size: 14px;\n }\n \n .lightbulb-icon {\n font-size: 16px;\n }\n \n .suggestions-list {\n margin: 0;\n padding-left: 20px;\n color: #34495e;\n font-size: 13px;\n line-height: 1.6;\n }\n \n .suggestions-list li {\n margin-bottom: 8px;\n }\n \n .suggestions-list li:last-child {\n margin-bottom: 0;\n }\n \n \/* Input container and word counter *\/\n .input-container {\n position: relative;\n }\n \n .word-counter {\n position: absolute;\n bottom: 8px;\n right: 12px;\n font-size: 12px;\n color: #202128;\n background: white;\n padding: 2px 6px;\n border-radius: 3px;\n }\n \n \/* Hint box *\/\n .hint-box {\n background: #fef7e0;\n border-radius: 8px;\n padding: 20px;\n margin-top: 20px;\n border: 1px solid #f4d03f;\n }\n \n .hint-header {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-bottom: 15px;\n color: #6c5ce7;\n font-size: 14px;\n }\n \n .hint-box p {\n margin: 0;\n color: #6c5ce7;\n font-size: 13px;\n line-height: 1.6;\n }\n \n \/* Questions container *\/\n .question-container {\n margin-bottom: 30px;\n }\n \n .question-item {\n background: #f8f9fa;\n border-radius: 8px;\n padding: 20px;\n margin-bottom: 15px;\n border: 1px solid #e9ecef;\n }\n \n .question-item:last-child {\n margin-bottom: 0;\n }\n \n .question-item label {\n display: block;\n margin-bottom: 12px;\n font-weight: 500;\n color: #202128;\n font-size: 14px;\n line-height: 1.4;\n }\n \n .question-item select {\n width: 100%;\n padding: 12px;\n border: 1px solid #ddd;\n border-radius: 4px;\n font-size: 14px;\n background: white;\n transition: border-color 0.3s ease;\n }\n \n .question-item select:focus {\n outline: none;\n border-color: #dc3545;\n box-shadow: 0 0 0 2px rgba(220, 53, 69, 0.1);\n }\n \n \/* Radio group styles *\/\n .radio-group {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n \n .radio-option {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n cursor: pointer;\n padding: 8px;\n border-radius: 4px;\n transition: background-color 0.2s ease;\n }\n \n .radio-option:hover {\n background-color: #f8f9fa;\n }\n \n .radio-option input[type=\"radio\"] {\n margin: 0;\n margin-top: 2px;\n accent-color: #dc3545;\n }\n \n .radio-label {\n font-size: 14px;\n line-height: 1.4;\n color: #202128;\n flex: 1;\n }\n \n \/* Acceptance checkbox *\/\n .wpcf7-acceptance .wpcf7-list-item {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n }\n \n \/* Upload Section Styles *\/\n .upload-section {\n margin-bottom: 30px;\n }\n \n .upload-item {\n margin-bottom: 35px;\n }\n \n .upload-item label {\n display: block;\n font-weight: 700;\n margin-bottom: 15px;\n color: #202128;\n font-size: 16px;\n }\n \n .upload-area {\n border: 2px dashed #ddd;\n border-radius: 8px;\n padding: 40px 30px;\n text-align: center;\n background: #fafafa;\n transition: all 0.3s ease;\n cursor: pointer;\n min-height: 200px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n }\n \n .upload-area:hover {\n border-color: #dc3545;\n background: #fff5f5;\n }\n \n .upload-area.dragover {\n border-color: #dc3545;\n background: #fff5f5;\n }\n \n .upload-icon {\n margin-bottom: 20px;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n \n .upload-icon svg {\n width: 48px;\n height: 48px;\n color: #9ca3af;\n }\n \n .upload-area p {\n margin: 15px 0;\n color: #202128;\n font-size: 16px;\n }\n \n .browse-btn {\n background: white;\n border: 2px solid #dc3545;\n color: #dc3545;\n padding: 12px 24px;\n border-radius: 6px;\n cursor: pointer;\n font-weight: 600;\n font-size: 14px;\n transition: all 0.3s ease;\n margin: 15px 0;\n text-transform: none;\n }\n \n .browse-btn:hover {\n background: #dc3545;\n color: white;\n }\n \n .file-info {\n font-size: 14px;\n color: #999;\n margin-top: 15px;\n font-weight: 400;\n }\n \n .info-box {\n background: #e3f2fd;\n border: 1px solid #bbdefb;\n border-radius: 8px;\n padding: 25px;\n margin-bottom: 30px;\n }\n \n .info-header {\n display: flex;\n align-items: center;\n margin-bottom: 20px;\n }\n \n .info-icon {\n font-size: 24px;\n margin-right: 12px;\n color: #1976d2;\n }\n \n .info-header h4 {\n margin: 0;\n color: #1976d2;\n font-size: 18px;\n font-weight: 600;\n }\n \n .info-box ul {\n margin: 0;\n padding-left: 20px;\n }\n \n .info-box li {\n margin-bottom: 12px;\n color: #1976d2;\n font-size: 15px;\n line-height: 1.4;\n }\n \n\n \n .btn-prev {\n background: white;\n border: 2px solid #dc3545;\n color: #dc3545;\n padding: 12px 30px;\n border-radius: 8px;\n cursor: pointer;\n font-weight: 600;\n font-size: 16px;\n transition: all 0.3s ease;\n min-width: 120px;\n }\n \n .btn-prev:hover {\n background: #dc3545;\n color: white;\n }\n \n\n \n \/* Responsive *\/\n @media (max-width: 768px) {\n .form-row {\n flex-direction: column;\n gap: 0;\n }\n \n .form-progress {\n padding: 0 10px 15px 10px;\n gap: 5px;\n }\n \n .step {\n min-width: 60px;\n max-width: 80px;\n }\n \n .step-number {\n width: 28px;\n height: 28px;\n font-size: 11px;\n }\n \n .step-title {\n font-size: 9px;\n }\n \n .form-container {\n padding: 20px;\n margin-top: 15px;\n }\n \n .form-navigation {\n flex-direction: column;\n gap: 10px;\n }\n \n .btn-prev,\n .btn-next,\n .wpcf7-submit {\n width: 100%;\n }\n \n .form-navigation {\n flex-direction: column;\n gap: 15px;\n }\n \n .btn-prev,\n .btn-next,\n .wpcf7-submit {\n width: 100%;\n padding: 15px 20px;\n font-size: 16px;\n }\n \n \/* Responsive availability grid *\/\n .availability-grid {\n padding: 15px;\n overflow-x: auto;\n }\n \n .grid-header,\n .grid-row {\n grid-template-columns: 70px repeat(7, 1fr);\n gap: 3px;\n }\n \n .time-slot-header,\n .day-header,\n .time-slot-label {\n font-size: 10px;\n padding: 6px 4px;\n }\n \n .grid-cell {\n padding: 6px 4px;\n }\n \n .availability-checkbox {\n width: 12px;\n height: 12px;\n }\n \n .selection-summary {\n padding: 12px 15px;\n }\n \n .summary-text {\n font-size: 13px;\n }\n \n .selected-slots {\n font-size: 12px;\n }\n }\n \n \/* Error messages *\/\n .wpcf7-not-valid-tip {\n color: #dc3545;\n font-size: 12px;\n margin-top: 5px;\n }\n \n .wpcf7-validation-errors {\n background: #f8d7da;\n border: 1px solid #f5c6cb;\n color: #721c24;\n padding: 15px;\n border-radius: 4px;\n margin-bottom: 20px;\n }\n \n .wpcf7-mail-sent-ok {\n background: #d4edda;\n border: 1px solid #c3e6cb;\n color: #155724;\n padding: 15px;\n border-radius: 4px;\n margin-bottom: 20px;\n }\n\n\/* Required field hints *\/\n.required-asterisk {\n color: #dc3545;\n}\n.required-hint {\n color: #dc3545;\n font-size: 13px;\n margin-top: -10px;\n margin-bottom: 15px;\n}\n \n \/* Honeypot field - hidden from users *\/\n .hidden {\n display: none !important;\n visibility: hidden !important;\n position: absolute !important;\n left: -9999px !important;\n width: 1px !important;\n height: 1px !important;\n overflow: hidden !important;\n }\n<\/style>\n<div class=\"multistep-form\">\n <!-- Indicador de progreso -->\n\t<div class=\"form-progress\">\n\t\t<div class=\"progress-line\">\n\t\t\t<div class=\"progress-fill\">\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"step active\" data-step=\"1\">\n\t\t\t<p><span class=\"step-number\">1<\/span><br \/>\n<span class=\"step-title\">Informations Personnelles<\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"step\" data-step=\"2\">\n\t\t\t<p><span class=\"step-number\">2<\/span><br \/>\n<span class=\"step-title\">Disponibilit\u00e9s<\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"step\" data-step=\"3\">\n\t\t\t<p><span class=\"step-number\">3<\/span><br \/>\n<span class=\"step-title\">Routine Sant\u00e9<\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"step\" data-step=\"4\">\n\t\t\t<p><span class=\"step-number\">4<\/span><br \/>\n<span class=\"step-title\">Que connaissez-vous de Nous ?<\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"step\" data-step=\"5\">\n\t\t\t<p><span class=\"step-number\">5<\/span><br \/>\n<span class=\"step-title\">Pr\u00e9s\u00e9lection<\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"step\" data-step=\"6\">\n\t\t\t<p><span class=\"step-number\">6<\/span><br \/>\n<span class=\"step-title\">Pi\u00e8ces Jointes<\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n \n <!-- Contenedor del formulario -->\n\t<div class=\"form-container\">\n <!-- Campo honeypot pour \u00e9viter le spam -->\n\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"honeypot-field\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text hidden\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"honeypot-field\" \/><\/span>\n\t\t<\/p>\n \n <!-- Etapa 1: Informations Personnelles -->\n\t\t<div class=\"form-step active\" data-step=\"1\">\n\t\t\t<h3>Informations Personnelles\n\t\t\t<\/h3>\n\t\t\t<div class=\"form-row\">\n\t\t\t\t<div class=\"form-col\">\n\t\t\t\t\t<p><label for=\"nom\">Nom *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"nom\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" id=\"nom\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Votre nom\" value=\"\" type=\"text\" name=\"nom\" \/><\/span>\n\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"form-col\">\n\t\t\t\t\t<p><label for=\"prenom\">Pr\u00e9nom *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"prenom\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" id=\"prenom\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Votre pr\u00e9nom\" value=\"\" type=\"text\" name=\"prenom\" \/><\/span>\n\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"form-row\">\n\t\t\t\t<div class=\"form-col\">\n\t\t\t\t\t<p><label for=\"poste\">Poste souhait\u00e9 *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"poste\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" id=\"poste\" aria-required=\"true\" aria-invalid=\"false\" name=\"poste\"><option value=\"Coach\">Coach<\/option><option value=\"Head Coach\">Head Coach<\/option><option value=\"Studio Manager\">Studio Manager<\/option><option value=\"Co-Coach\">Co-Coach<\/option><option value=\"Admin\">Admin<\/option><option value=\"Ventes\">Ventes<\/option><option value=\"Autres\">Autres<\/option><\/select><\/span>\n\t\t\t\t\t<\/p>\n \n <!-- Pop-up pour sp\u00e9cifier \"Autres\" -->\n\t\t\t\t\t<div id=\"autres-popup\" class=\"popup-overlay\" style=\"display: none;\">\n\t\t\t\t\t\t<div class=\"popup-content\">\n\t\t\t\t\t\t\t<h4>Sp\u00e9cifiez votre poste\n\t\t\t\t\t\t\t<\/h4>\n\t\t\t\t\t\t\t<p>Veuillez pr\u00e9ciser en 10 lettres ou moins (ex: PUSH-PUSH)\n\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t<p><input type=\"text\" id=\"poste-autre-input\" maxlength=\"10\" placeholder=\"Ex: PUSH-PUSH\" \/>\n\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t<div class=\"popup-buttons\">\n\t\t\t\t\t\t\t\t<p><button type=\"button\" id=\"popup-cancel\">Annuler<\/button><br \/>\n<button type=\"button\" id=\"popup-confirm\">Confirmer<\/button>\n\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<input class=\"wpcf7-form-control wpcf7-hidden\" id=\"poste-autre\" value=\"\" type=\"hidden\" name=\"poste-autre\" \/>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"form-row\">\n\t\t\t\t<div class=\"form-col\">\n\t\t\t\t\t<p><label for=\"lieu-principal\">Lieu principal pr\u00e9f\u00e9r\u00e9 *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"lieu-principal\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" id=\"lieu-principal\" aria-required=\"true\" aria-invalid=\"false\" name=\"lieu-principal\"><option value=\"BBA La Prairie\">BBA La Prairie<\/option><option value=\"BBA Boucherville\">BBA Boucherville<\/option><option value=\"BBA Chambly\">BBA Chambly<\/option><option value=\"BBA DIX30\">BBA DIX30<\/option><option value=\"BBA Mirabel\">BBA Mirabel<\/option><option value=\"BBA Dorval\">BBA Dorval<\/option><\/select><\/span><br \/>\n\t\t\t\t\t<input class=\"wpcf7-form-control wpcf7-hidden\" id=\"email-destination\" value=\"\" type=\"hidden\" name=\"email-destination\" \/>\n\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"form-row\">\n\t\t\t\t<div class=\"form-col\">\n\t\t\t\t\t<p><label for=\"lieux-secondaires\">Lieu(x) secondaire(s) (optionnel)<\/label>\n\t\t\t\t\t<\/p>\n\t\t\t\t\t<div class=\"secondary-locations-container\">\n\t\t\t\t\t\t<div class=\"selected-locations\" id=\"selected-locations\">\n <!-- Les lieux s\u00e9lectionn\u00e9s appara\u00eetront ici -->\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<p><select id=\"lieux-secondaires-select\" class=\"multi-select\">\n <option value=\"\">Ajouter un lieu secondaire<\/option>\n <option value=\"BBA La Prairie\">BBA La Prairie<\/option>\n <option value=\"BBA Boucherville\">BBA Boucherville<\/option>\n <option value=\"BBA Chambly\">BBA Chambly<\/option>\n <option value=\"BBA DIX30\">BBA DIX30<\/option>\n <option value=\"BBA Mirabel\">BBA Mirabel<\/option>\n <option value=\"BBA Dorval\">BBA Dorval<\/option>\n <\/select><br \/>\n\t\t\t\t\t\t<input class=\"wpcf7-form-control wpcf7-hidden\" id=\"lieux-secondaires\" value=\"\" type=\"hidden\" name=\"lieux-secondaires\" \/>\n\t\t\t\t\t\t<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n \n <!-- Etapa 2: Disponibilit\u00e9s -->\n\t\t<div class=\"form-step\" data-step=\"2\">\n\t\t\t<h3>Disponibilit\u00e9s\n\t\t\t<\/h3>\n\t\t\t<p class=\"form-instructions\">S\u00e9lectionnez vos cr\u00e9neaux de disponibilit\u00e9 (minimum 2 cases \u00e0 cocher)\n\t\t\t<\/p>\n\t\t\t<div class=\"availability-grid-container\">\n\t\t\t\t<div class=\"availability-grid\">\n\t\t\t\t\t<div class=\"grid-header\">\n\t\t\t\t\t\t<div class=\"time-slot-header\">\n\t\t\t\t\t\t\t<p>Jour \/ Cr\u00e9neau\n\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"day-header\">\n\t\t\t\t\t\t\t<p>Lundi\n\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"day-header\">\n\t\t\t\t\t\t\t<p>Mardi\n\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"day-header\">\n\t\t\t\t\t\t\t<p>Mercredi\n\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"day-header\">\n\t\t\t\t\t\t\t<p>Jeudi\n\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"day-header\">\n\t\t\t\t\t\t\t<p>Vendredi\n\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"day-header\">\n\t\t\t\t\t\t\t<p>Samedi\n\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"day-header\">\n\t\t\t\t\t\t\t<p>Dimanche\n\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"grid-row\">\n\t\t\t\t\t\t<div class=\"time-slot-label\">\n\t\t\t\t\t\t\t<p>Jour (6h-14h)\n\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"grid-cell\">\n\t\t\t\t\t\t\t<p><input type=\"checkbox\" id=\"lundi-jour\" name=\"disponibilites[]\" value=\"Lundi-Jour\" class=\"availability-checkbox\" \/>\n\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"grid-cell\">\n\t\t\t\t\t\t\t<p><input type=\"checkbox\" id=\"mardi-jour\" name=\"disponibilites[]\" value=\"Mardi-Jour\" class=\"availability-checkbox\" \/>\n\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"grid-cell\">\n\t\t\t\t\t\t\t<p><input type=\"checkbox\" id=\"mercredi-jour\" name=\"disponibilites[]\" value=\"Mercredi-Jour\" class=\"availability-checkbox\" \/>\n\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"grid-cell\">\n\t\t\t\t\t\t\t<p><input type=\"checkbox\" id=\"jeudi-jour\" name=\"disponibilites[]\" value=\"Jeudi-Jour\" class=\"availability-checkbox\" \/>\n\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"grid-cell\">\n\t\t\t\t\t\t\t<p><input type=\"checkbox\" id=\"vendredi-jour\" name=\"disponibilites[]\" value=\"Vendredi-Jour\" class=\"availability-checkbox\" \/>\n\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"grid-cell\">\n\t\t\t\t\t\t\t<p><input type=\"checkbox\" id=\"samedi-jour\" name=\"disponibilites[]\" value=\"Samedi-Jour\" class=\"availability-checkbox\" \/>\n\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"grid-cell\">\n\t\t\t\t\t\t\t<p><input type=\"checkbox\" id=\"dimanche-jour\" name=\"disponibilites[]\" value=\"Dimanche-Jour\" class=\"availability-checkbox\" \/>\n\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"grid-row\">\n\t\t\t\t\t\t<div class=\"time-slot-label\">\n\t\t\t\t\t\t\t<p>Soir (14h-22h)\n\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"grid-cell\">\n\t\t\t\t\t\t\t<p><input type=\"checkbox\" id=\"lundi-soir\" name=\"disponibilites[]\" value=\"Lundi-Soir\" class=\"availability-checkbox\" \/>\n\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"grid-cell\">\n\t\t\t\t\t\t\t<p><input type=\"checkbox\" id=\"mardi-soir\" name=\"disponibilites[]\" value=\"Mardi-Soir\" class=\"availability-checkbox\" \/>\n\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"grid-cell\">\n\t\t\t\t\t\t\t<p><input type=\"checkbox\" id=\"mercredi-soir\" name=\"disponibilites[]\" value=\"Mercredi-Soir\" class=\"availability-checkbox\" \/>\n\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"grid-cell\">\n\t\t\t\t\t\t\t<p><input type=\"checkbox\" id=\"jeudi-soir\" name=\"disponibilites[]\" value=\"Jeudi-Soir\" class=\"availability-checkbox\" \/>\n\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"grid-cell\">\n\t\t\t\t\t\t\t<p><input type=\"checkbox\" id=\"vendredi-soir\" name=\"disponibilites[]\" value=\"Vendredi-Soir\" class=\"availability-checkbox\" \/>\n\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"grid-cell\">\n\t\t\t\t\t\t\t<p><input type=\"checkbox\" id=\"samedi-soir\" name=\"disponibilites[]\" value=\"Samedi-Soir\" class=\"availability-checkbox\" \/>\n\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"grid-cell\">\n\t\t\t\t\t\t\t<p><input type=\"checkbox\" id=\"dimanche-soir\" name=\"disponibilites[]\" value=\"Dimanche-Soir\" class=\"availability-checkbox\" \/>\n\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"selection-summary\" id=\"selection-summary\">\n\t\t\t\t\t<p><span class=\"summary-text\" id=\"summary-text\">S\u00e9lection actuelle: <span id=\"selected-count\">0<\/span> cr\u00e9neaux s\u00e9lectionn\u00e9s<\/span>\n\t\t\t\t\t<\/p>\n\t\t\t\t\t<div class=\"selected-slots\" id=\"selected-slots\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<input class=\"wpcf7-form-control wpcf7-hidden\" id=\"disponibilites-hidden\" value=\"\" type=\"hidden\" name=\"disponibilites\" \/>\n\t\t\t<\/div>\n\t\t<\/div>\n \n <!-- Etapa 3: Routine Sant\u00e9 -->\n\t\t<div class=\"form-step\" data-step=\"3\">\n\t\t\t<h3>Routine Sant\u00e9\n\t\t\t<\/h3>\n\t\t\t<p class=\"form-instructions\">D\u00e9crivez bri\u00e8vement votre routine sant\u00e9 ou entra\u00eenement\n\t\t\t<\/p>\n\t\t\t<div class=\"form-row\">\n\t\t\t\t<div class=\"form-col\">\n\t\t\t\t\t<p><label for=\"routine-sante\">Description de votre routine sant\u00e9 *<\/label>\n\t\t\t\t\t<\/p>\n\t\t\t\t\t<div class=\"textarea-container\">\n\t\t\t\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"routine-sante\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" id=\"routine-sante\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"D\u00e9crivez votre routine d&#039;entra\u00eenement, vos habitudes alimentaires, votre philosophie de vie saine, etc.\" name=\"routine-sante\"><\/textarea><\/span>\n\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<div class=\"char-counter\">\n\t\t\t\t\t\t\t<p><span id=\"char-count\">0<\/span> caract\u00e8res\n\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"suggestions-box\">\n\t\t\t\t\t\t<div class=\"suggestions-header\">\n\t\t\t\t\t\t\t<p><span class=\"lightbulb-icon\">\ud83d\udca1<\/span><br \/>\n<strong>Suggestions<\/strong>\n\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<ul class=\"suggestions-list\">\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<p>Votre type d'entra\u00eenement pr\u00e9f\u00e9r\u00e9 (cardio, musculation, yoga, etc.)\n\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<p>Fr\u00e9quence de vos s\u00e9ances d'entra\u00eenement\n\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<p>Vos habitudes nutritionnelles\n\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<p>Votre philosophie du bien-\u00eatre\n\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<p>Vos objectifs de sant\u00e9 et fitness\n\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n \n <!-- Etapa 4: Connaissances de l'entreprise -->\n\t\t<div class=\"form-step\" data-step=\"4\">\n\t\t\t<h3>Connaissances de l'entreprise\n\t\t\t<\/h3>\n\t\t\t<p class=\"form-instructions\">Montrez-nous que vous connaissez Blackburn Athletics\n\t\t\t<\/p>\n\t\t\t<div class=\"form-row\">\n\t\t\t\t<div class=\"form-col\">\n\t\t\t\t\t<p><label for=\"connaissance-entreprise\">Que savez-vous de notre entreprise ? *<\/label>\n\t\t\t\t\t<\/p>\n\t\t\t\t\t<div class=\"textarea-container\">\n\t\t\t\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"connaissance-entreprise\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" id=\"connaissance-entreprise\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"D\u00e9crivez ce que vous savez sur Blackburn Athletics, notre histoire, nos valeurs, nos services...\" name=\"connaissance-entreprise\"><\/textarea><\/span>\n\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<div class=\"char-counter\">\n\t\t\t\t\t\t\t<p><span id=\"char-count-entreprise\">0<\/span>\/500 caract\u00e8res\n\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"form-row\">\n\t\t\t\t<div class=\"form-col\">\n\t\t\t\t\t<p><label for=\"description-10-mots\">D\u00e9crivez-nous en 10 mots maximum *<\/label>\n\t\t\t\t\t<\/p>\n\t\t\t\t\t<div class=\"input-container\">\n\t\t\t\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"description-10-mots\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" id=\"description-10-mots\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Ex: Passionn\u00e9, motiv\u00e9, dynamique...\" value=\"\" type=\"text\" name=\"description-10-mots\" \/><\/span>\n\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<div class=\"word-counter\">\n\t\t\t\t\t\t\t<p><span id=\"word-count\">0<\/span>\/10 mots\n\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"form-row\">\n\t\t\t\t<div class=\"form-col\">\n\t\t\t\t\t<p><label for=\"slogan\">Quel est notre slogan \/ marque de commerce ? *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"slogan\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" id=\"slogan\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Notre slogan...\" value=\"\" type=\"text\" name=\"slogan\" \/><\/span>\n\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"hint-box\">\n\t\t\t\t<div class=\"hint-header\">\n\t\t\t\t\t<p><span class=\"lightbulb-icon\">\ud83d\udca1<\/span><br \/>\n<strong>Indice<\/strong>\n\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t<p>Regardez bien notre site web, nos r\u00e9seaux sociaux et notre pr\u00e9sentation pour r\u00e9pondre \u00e0 ces questions.\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t<\/div>\n \n <!-- Etapa 5: Questions de Pr\u00e9s\u00e9lection -->\n\t\t<div class=\"form-step\" data-step=\"5\">\n\t\t\t<h3>Questions de Pr\u00e9s\u00e9lection\n\t\t\t<\/h3>\n\t\t\t<p class=\"required-hint\">Tous les champs de cette \u00e9tape sont <strong class=\"required-asterisk\">obligatoires<\/strong>.\n\t\t\t<\/p>\n\t\t\t<p class=\"form-instructions\">R\u00e9pondez aux 10 questions suivantes pour nous aider \u00e0 mieux vous conna\u00eetre\n\t\t\t<\/p>\n\t\t\t<div class=\"question-container\">\n\t\t\t\t<div class=\"question-item\">\n\t\t\t\t\t<p><label for=\"question1\">1. Parlez-nous d'un \u00e9chec que vous avez v\u00e9cu. Que s'est-il pass\u00e9 et qu'en avez-vous appris ? (max. 500 caract\u00e8res)<\/label>\n\t\t\t\t\t<\/p>\n\t\t\t\t\t<div class=\"textarea-container\">\n\t\t\t\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"question1\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" id=\"question1\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Votre r\u00e9ponse...\" name=\"question1\"><\/textarea><\/span>\n\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<div class=\"char-counter\">\n\t\t\t\t\t\t\t<p><span id=\"char-count-q1\">0<\/span>\/500 caract\u00e8res\n\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"question-item\">\n\t\t\t\t\t<p><label for=\"question2\">2. Vous \u00e9tiez responsable d'un projet qui n'a pas r\u00e9pondu aux attentes. Que faites-vous ensuite ? (Choix multiple)<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"question2\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" id=\"question2\" aria-required=\"true\" aria-invalid=\"false\" name=\"question2\"><option value=\"S\u00e9lectionnez votre r\u00e9ponse\">S\u00e9lectionnez votre r\u00e9ponse<\/option><option value=\"A. Bl\u00e2mer des facteurs externes et passer \u00e0 autre chose\">A. Bl\u00e2mer des facteurs externes et passer \u00e0 autre chose<\/option><option value=\"B. Attendre qu&#039;on vous dise quoi faire pour corriger\">B. Attendre qu&#039;on vous dise quoi faire pour corriger<\/option><option value=\"C. R\u00e9fl\u00e9chir \u00e0 ce qui a cloch\u00e9, assumer, et chercher \u00e0 am\u00e9liorer\">C. R\u00e9fl\u00e9chir \u00e0 ce qui a cloch\u00e9, assumer, et chercher \u00e0 am\u00e9liorer<\/option><option value=\"D. \u00c9viter le sujet \u00e0 moins qu&#039;on vous interroge\">D. \u00c9viter le sujet \u00e0 moins qu&#039;on vous interroge<\/option><\/select><\/span>\n\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"question-item\">\n\t\t\t\t\t<p><label for=\"question3\">3. Vous coanimez une s\u00e9ance WOD Wednesday avec un autre coach dont l'\u00e9nergie ne correspond pas \u00e0 la v\u00f4tre. Que faites-vous ?<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"question3\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" id=\"question3\" aria-required=\"true\" aria-invalid=\"false\" name=\"question3\"><option value=\"S\u00e9lectionnez votre r\u00e9ponse\">S\u00e9lectionnez votre r\u00e9ponse<\/option><option value=\"A. Le laisser mener le cours et suivre son style\">A. Le laisser mener le cours et suivre son style<\/option><option value=\"B. Chuchoter des instructions sans discussion pr\u00e9alable\">B. Chuchoter des instructions sans discussion pr\u00e9alable<\/option><option value=\"C. Se rencontrer avant le cours pour s&#039;aligner et assurer un bon d\u00e9roulement\">C. Se rencontrer avant le cours pour s&#039;aligner et assurer un bon d\u00e9roulement<\/option><option value=\"D. Changer votre partie sur le moment pour vous adapter\">D. Changer votre partie sur le moment pour vous adapter<\/option><\/select><\/span>\n\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"question-item\">\n\t\t\t\t\t<p><label for=\"question4\">4. Lors d'un cours de groupe, un membre se sent intimid\u00e9 et dit que l'entra\u00eenement est trop avanc\u00e9. Quelle est votre meilleure r\u00e9action ?<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"question4\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" id=\"question4\" aria-required=\"true\" aria-invalid=\"false\" name=\"question4\"><option value=\"S\u00e9lectionnez votre r\u00e9ponse\">S\u00e9lectionnez votre r\u00e9ponse<\/option><option value=\"A. Lui dire : Ce cours est pour tout le monde \u2014 il faut suivre\">A. Lui dire : Ce cours est pour tout le monde \u2014 il faut suivre<\/option><option value=\"B. Lui parler en priv\u00e9 pour adapter l&#039;entra\u00eenement \u00e0 son niveau\">B. Lui parler en priv\u00e9 pour adapter l&#039;entra\u00eenement \u00e0 son niveau<\/option><option value=\"C. Lui sugg\u00e9rer de venir \u00e0 un cours plus lent la prochaine fois\">C. Lui sugg\u00e9rer de venir \u00e0 un cours plus lent la prochaine fois<\/option><option value=\"D. Continuer le cours en esp\u00e9rant qu&#039;il s&#039;adapte\">D. Continuer le cours en esp\u00e9rant qu&#039;il s&#039;adapte<\/option><\/select><\/span>\n\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"question-item\">\n\t\t\t\t\t<p><label for=\"question5\">5. Quelle caract\u00e9ristique correspond le mieux \u00e0 un coach Blackburn Athletics ?<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"question5\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" id=\"question5\" aria-required=\"true\" aria-invalid=\"false\" name=\"question5\"><option value=\"S\u00e9lectionnez votre r\u00e9ponse\">S\u00e9lectionnez votre r\u00e9ponse<\/option><option value=\"A. Suit strictement l&#039;entra\u00eenement pr\u00e9vu, sans personnalisation\">A. Suit strictement l&#039;entra\u00eenement pr\u00e9vu, sans personnalisation<\/option><option value=\"B. Favorise une ambiance de groupe ludique, sociale et solidaire\">B. Favorise une ambiance de groupe ludique, sociale et solidaire<\/option><option value=\"C. Se concentre uniquement sur la technique, sans bavardage\">C. Se concentre uniquement sur la technique, sans bavardage<\/option><option value=\"D. Pousse les membres au-del\u00e0 de leurs limites, peu importe leur pr\u00e9paration\">D. Pousse les membres au-del\u00e0 de leurs limites, peu importe leur pr\u00e9paration<\/option><\/select><\/span>\n\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"question-item\">\n\t\t\t\t\t<p><label for=\"question6\">6. Qu'est-ce qui distingue r\u00e9ellement un excellent coach HIIT ou un membre du personnel de gym ?<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"question6\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" id=\"question6\" aria-required=\"true\" aria-invalid=\"false\" name=\"question6\"><option value=\"S\u00e9lectionnez votre r\u00e9ponse\">S\u00e9lectionnez votre r\u00e9ponse<\/option><option value=\"A. Suit la routine sans jamais s&#039;en \u00e9carter\">A. Suit la routine sans jamais s&#039;en \u00e9carter<\/option><option value=\"B. Corrige chaque erreur imm\u00e9diatement\">B. Corrige chaque erreur imm\u00e9diatement<\/option><option value=\"C. Cr\u00e9e des liens avec les membres et s&#039;adapte aux diff\u00e9rents niveaux\">C. Cr\u00e9e des liens avec les membres et s&#039;adapte aux diff\u00e9rents niveaux<\/option><option value=\"D. Fait en sorte que chaque cours soit intense et rapide\">D. Fait en sorte que chaque cours soit intense et rapide<\/option><\/select><\/span>\n\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"question-item\">\n\t\t\t\t\t<p><label for=\"question7\">7. Si un \u00e9quipement est sale ou dangereux, vous attendez que le personnel le remarque avant de le nettoyer ou de le signaler.<\/label>\n\t\t\t\t\t<\/p>\n\t\t\t\t\t<div class=\"radio-group\">\n\t\t\t\t\t\t<p><label class=\"radio-option\"><br \/>\n<input type=\"radio\" name=\"question7\" value=\"Vrai\" required \/><br \/>\n<span class=\"radio-label\">Vrai<\/span><br \/>\n<\/label><br \/>\n<label class=\"radio-option\"><br \/>\n<input type=\"radio\" name=\"question7\" value=\"Faux\" required \/><br \/>\n<span class=\"radio-label\">Faux<\/span><br \/>\n<\/label>\n\t\t\t\t\t\t<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"question-item\">\n\t\t\t\t\t<p><label for=\"question8\">8. Parlez-nous d'un de vos moments de fiert\u00e9 ou de vos plus grandes r\u00e9ussites. (max. 200 caract\u00e8res)<\/label>\n\t\t\t\t\t<\/p>\n\t\t\t\t\t<div class=\"textarea-container\">\n\t\t\t\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"question8\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" id=\"question8\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Votre r\u00e9ponse...\" name=\"question8\"><\/textarea><\/span>\n\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<div class=\"char-counter\">\n\t\t\t\t\t\t\t<p><span id=\"char-count-q8\">0<\/span>\/200 caract\u00e8res\n\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"question-item\">\n\t\t\t\t\t<p><label for=\"question9\">9. \u00cates-vous \u00e0 l'aise d'entra\u00eener des membres \u00e2g\u00e9s de 14 ans jusqu'\u00e0 l'\u00e2ge adulte, y compris des duos parent-enfant ?<\/label>\n\t\t\t\t\t<\/p>\n\t\t\t\t\t<div class=\"radio-group\">\n\t\t\t\t\t\t<p><label class=\"radio-option\"><br \/>\n<input type=\"radio\" name=\"question9\" value=\"Oui\" required \/><br \/>\n<span class=\"radio-label\">Oui<\/span><br \/>\n<\/label><br \/>\n<label class=\"radio-option\"><br \/>\n<input type=\"radio\" name=\"question9\" value=\"Non\" required \/><br \/>\n<span class=\"radio-label\">Non<\/span><br \/>\n<\/label>\n\t\t\t\t\t\t<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"question-item\">\n\t\t\t\t\t<p><label for=\"question10\">10. Participez-vous r\u00e9guli\u00e8rement \u00e0 des \u00e9v\u00e9nements sociaux ou des d\u00e9fis de lev\u00e9e de fonds organis\u00e9s par la gym ? Si oui, d\u00e9crivez. (max. 200 caract\u00e8res)<\/label>\n\t\t\t\t\t<\/p>\n\t\t\t\t\t<div class=\"textarea-container\">\n\t\t\t\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"question10\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" id=\"question10\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Votre r\u00e9ponse...\" name=\"question10\"><\/textarea><\/span>\n\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<div class=\"char-counter\">\n\t\t\t\t\t\t\t<p><span id=\"char-count-q10\">0<\/span>\/200 caract\u00e8res\n\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n \n <!-- Etapa 6: Pi\u00e8ces Jointes -->\n\t\t<div class=\"form-step\" data-step=\"6\">\n\t\t\t<h3>Pi\u00e8ces Jointes\n\t\t\t<\/h3>\n\t\t\t<p class=\"form-instructions\">T\u00e9l\u00e9chargez les documents requis pour votre candidature\n\t\t\t<\/p>\n\t\t\t<div class=\"upload-section\">\n\t\t\t\t<div class=\"upload-item\">\n\t\t\t\t\t<p><label for=\"lettre-motivation\">Lettre de motivation *<\/label>\n\t\t\t\t\t<\/p>\n\t\t\t\t\t<div class=\"upload-area\" id=\"upload-lettre\">\n\t\t\t\t\t\t<div class=\"upload-icon\">\n\t\t\t\t\t\t\t<p><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-upload mx-auto h-12 w-12 text-[#9ca3af] mb-4\" aria-hidden=\"true\">\n                                <path d=\"M12 3v12\"><\/path>\n                                <path d=\"m17 8-5-5-5 5\"><\/path>\n                                <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path>\n                            <\/svg>\n\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<p>Glissez votre fichier ici ou\n\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"lettre-motivation\"><input size=\"40\" class=\"wpcf7-form-control wpcf7-file wpcf7-validates-as-required\" id=\"lettre-motivation\" accept=\".pdf,.doc,.docx,.txt\" aria-required=\"true\" aria-invalid=\"false\" type=\"file\" name=\"lettre-motivation\" \/><\/span><br \/>\n<button type=\"button\" class=\"browse-btn\" onclick=\"document.getElementById('lettre-motivation').click()\">Parcourir les fichiers<\/button>\n\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<p class=\"file-info\">PDF, DOC, DOCX ou TXT (max 5MB)\n\t\t\t\t\t\t<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"upload-item\">\n\t\t\t\t\t<p><label for=\"cv-certifications\">CV et\/ou certifications *<\/label>\n\t\t\t\t\t<\/p>\n\t\t\t\t\t<div class=\"upload-area\" id=\"upload-cv\">\n\t\t\t\t\t\t<div class=\"upload-icon\">\n\t\t\t\t\t\t\t<p><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-upload mx-auto h-12 w-12 text-[#9ca3af] mb-4\" aria-hidden=\"true\">\n                                <path d=\"M12 3v12\"><\/path>\n                                <path d=\"m17 8-5-5-5 5\"><\/path>\n                                <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path>\n                            <\/svg>\n\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<p>Glissez votre fichier ici ou\n\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"cv-certifications\"><input size=\"40\" class=\"wpcf7-form-control wpcf7-file wpcf7-validates-as-required\" id=\"cv-certifications\" accept=\".pdf,.doc,.docx,.txt\" aria-required=\"true\" aria-invalid=\"false\" type=\"file\" name=\"cv-certifications\" \/><\/span><br \/>\n<button type=\"button\" class=\"browse-btn\" onclick=\"document.getElementById('cv-certifications').click()\">Parcourir les fichiers<\/button>\n\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<p class=\"file-info\">PDF, DOC, DOCX ou TXT (max 5MB)\n\t\t\t\t\t\t<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"upload-item\">\n\t\t\t\t\t<p><label for=\"video-presentation\">Vid\u00e9o de pr\u00e9sentation (30s max) <span class=\"required-asterisk\">*<\/span><\/label>\n\t\t\t\t\t<\/p>\n\t\t\t\t\t<div class=\"upload-area\" id=\"upload-video\">\n\t\t\t\t\t\t<div class=\"upload-icon\">\n\t\t\t\t\t\t\t<p><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-video mx-auto h-12 w-12 text-[#9ca3af] mb-4\" aria-hidden=\"true\">\n                                <path d=\"M22 8.5V15a2 2 0 0 1-2 2h-7l-4 3v-3H4a2 2 0 0 1-2-2V8.5A2.5 2.5 0 0 1 4.5 6h15A2.5 2.5 0 0 1 22 8.5Z\"><\/path>\n                            <\/svg>\n\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<p>Glissez votre vid\u00e9o ici ou\n\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"video-presentation\"><input size=\"40\" class=\"wpcf7-form-control wpcf7-file wpcf7-validates-as-required\" id=\"video-presentation\" accept=\".mp4,.webm,.mov\" aria-required=\"true\" aria-invalid=\"false\" type=\"file\" name=\"video-presentation\" \/><\/span>\n\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<div style=\"display:flex; gap:10px; flex-wrap:wrap; justify-content:center;\">\n\t\t\t\t\t\t\t<p><button type=\"button\" class=\"browse-btn\" onclick=\"document.getElementById('video-presentation').click()\">Parcourir les fichiers<\/button><br \/>\n<button type=\"button\" class=\"browse-btn\" id=\"record-video-btn\">Enregistrer 30s (cam\u00e9ra)<\/button>\n\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<p class=\"file-info\">Joins une vid\u00e9o de 30 secondes maximum pour te pr\u00e9senter et nous dire pourquoi tu veux travailler au Blackburn Athletics\n\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<p><video id=\"video-preview\" controls style=\"display:none; width:100%; margin-top:10px; border-radius:6px;\"><\/video>\n\t\t\t\t\t\t<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"info-box\">\n\t\t\t\t<div class=\"info-header\">\n\t\t\t\t\t<p><span class=\"info-icon\">\ud83d\udcc4<\/span>\n\t\t\t\t\t<\/p>\n\t\t\t\t\t<h4>Informations importantes\n\t\t\t\t\t<\/h4>\n\t\t\t\t<\/div>\n\t\t\t\t<ul>\n\t\t\t\t\t<li>\n\t\t\t\t\t\t<p>Formats accept\u00e9s : PDF, DOC, DOCX, TXT\n\t\t\t\t\t\t<\/p>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t<li>\n\t\t\t\t\t\t<p>Taille maximum par fichier : 5MB\n\t\t\t\t\t\t<\/p>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t<li>\n\t\t\t\t\t\t<p>Assurez-vous que vos documents sont \u00e0 jour\n\t\t\t\t\t\t<\/p>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t<li>\n\t\t\t\t\t\t<p>Votre lettre de motivation doit expliquer pourquoi vous voulez rejoindre notre \u00e9quipe\n\t\t\t\t\t\t<\/p>\n\t\t\t\t\t<\/li>\n\t\t\t\t<\/ul>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n \n <!-- Botones de navigation dentro del contenedor del formulario -->\n\t<div class=\"form-navigation\" id=\"nav-step-1\">\n\t\t<p><button type=\"button\" class=\"btn-next\">Suivant<\/button>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-navigation\" id=\"nav-step-2\">\n\t\t<p><button type=\"button\" class=\"btn-prev\">Retour<\/button><br \/>\n<button type=\"button\" class=\"btn-next\">Suivant<\/button>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-navigation\" id=\"nav-step-3\">\n\t\t<p><button type=\"button\" class=\"btn-prev\">Retour<\/button><br \/>\n<button type=\"button\" class=\"btn-next\">Suivant<\/button>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-navigation\" id=\"nav-step-4\">\n\t\t<p><button type=\"button\" class=\"btn-prev\">Retour<\/button><br \/>\n<button type=\"button\" class=\"btn-next\">Suivant<\/button>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-navigation\" id=\"nav-step-5\">\n\t\t<p><button type=\"button\" class=\"btn-prev\">Retour<\/button><br \/>\n<button type=\"button\" class=\"btn-next\">Suivant<\/button>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-navigation\" id=\"nav-step-6\">\n\t\t<p><button type=\"button\" class=\"btn-prev\">Retour<\/button><br \/>\n<input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Envoyer\" \/>\n\t\t<\/p>\n\t<\/div>\n<\/div>\n \n <!-- Configuraci\u00f3n adicional para evitar spam -->\n<p><script type=\"text\/javascript\">\n \/\/ Configuraci\u00f3n para CleanTalk y anti-spam\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Agregar configuraci\u00f3n para Contact Form 7\n if (typeof wpcf7 !== 'undefined') {\n wpcf7.config = wpcf7.config || {};\n wpcf7.config.clean_talk = 'off';\n }\n \n \/\/ Configurar el campo honeypot\n const honeypotField = document.querySelector('.honeypot-field');\n if (honeypotField) {\n honeypotField.style.display = 'none';\n honeypotField.style.visibility = 'hidden';\n honeypotField.style.position = 'absolute';\n honeypotField.style.left = '-9999px';\n }\n });\n <\/script>\n<\/p>\n<p><script>\n \n document.addEventListener('DOMContentLoaded', function() {\n const form = document.querySelector('.multistep-form');\n if (!form) return;\n \n const steps = form.querySelectorAll('.form-step');\n const progressSteps = form.querySelectorAll('.form-progress .step');\n const nextBtns = form.querySelectorAll('.btn-next');\n const prevBtns = form.querySelectorAll('.btn-prev');\n const progressFill = form.querySelector('.progress-fill');\n \n let currentStep = 1;\n const totalSteps = steps.length;\n \n \/\/ Configuraci\u00f3n de correos electr\u00f3nicos por ubicaci\u00f3n\n const locationEmails = {\n 'BBA La Prairie': 'Laprairie@blackburnathletics.ca',\n 'BBA Boucherville': 'Boucherville@blackburnathletics.ca',\n 'BBA Chambly': 'Chambly@blackburnathletics.ca',\n 'BBA DIX30': 'Brossard@blackburnathletics.ca',\n 'BBA Mirabel': 'Mirabel@blackburnathletics.ca',\n 'BBA Dorval': 'Dorval@blackburnathletics.ca'\n };\n \n \/\/ Add event listeners to all navigation buttons\n function addNavigationEventListeners() {\n \/\/ Next buttons - search in entire document\n const allNextBtns = document.querySelectorAll('.btn-next');\n allNextBtns.forEach(btn => {\n \/\/ Remove existing event listeners to avoid duplicates\n btn.removeEventListener('click', btn.nextClickHandler);\n \n \/\/ Create new event handler\n btn.nextClickHandler = function() {\n if (validateCurrentStep()) {\n if (currentStep < totalSteps) {\n currentStep++;\n showStep(currentStep);\n }\n }\n };\n \n btn.addEventListener('click', btn.nextClickHandler);\n });\n \n \/\/ Previous buttons - search in entire document\n const allPrevBtns = document.querySelectorAll('.btn-prev');\n allPrevBtns.forEach(btn => {\n \/\/ Remove existing event listeners to avoid duplicates\n btn.removeEventListener('click', btn.prevClickHandler);\n \n \/\/ Create new event handler\n btn.prevClickHandler = function() {\n if (currentStep > 1) {\n currentStep--;\n showStep(currentStep);\n }\n };\n \n btn.addEventListener('click', btn.prevClickHandler);\n });\n \n \/\/ Send button (final step) - search in entire document\n const sendBtn = document.querySelector('.btn-send');\n if (sendBtn) {\n \/\/ Remove existing event listeners to avoid duplicates\n sendBtn.removeEventListener('click', sendBtn.sendClickHandler);\n \n \/\/ Create new event handler\n sendBtn.sendClickHandler = function() {\n if (validateCurrentStep()) {\n \/\/ Submit the form\n const form = document.querySelector('form');\n if (form) {\n form.submit();\n }\n }\n };\n \n sendBtn.addEventListener('click', sendBtn.sendClickHandler);\n }\n }\n \n \/\/ Initialize\n showStep(currentStep);\n updateProgressLine();\n \n \/\/ Initialize navigation event listeners\n addNavigationEventListeners();\n \n \/\/ Progress step click events\n progressSteps.forEach((step, index) => {\n step.addEventListener('click', function() {\n const stepNumber = index + 1;\n if (stepNumber <= currentStep || validateStepsUpTo(stepNumber - 1)) {\n currentStep = stepNumber;\n showStep(currentStep);\n }\n });\n });\n \n function showStep(step) {\n \/\/ Hide all steps\n steps.forEach((s, index) => {\n s.classList.remove('active');\n if (index + 1 === step) {\n s.classList.add('active');\n }\n });\n \n \/\/ Update progress\n progressSteps.forEach((s, index) => {\n s.classList.remove('active', 'completed');\n if (index + 1 === step) {\n s.classList.add('active');\n } else if (index + 1 < step) {\n s.classList.add('completed');\n }\n });\n \n \/\/ Update progress line\n updateProgressLine();\n \n \/\/ Handle navigation buttons visibility\n const allNavigations = document.querySelectorAll('.form-navigation');\n \n \/\/ Hide all navigation buttons first\n allNavigations.forEach(nav => {\n nav.style.display = 'none';\n });\n \n \/\/ Show the specific navigation for current step\n const currentNav = document.getElementById(`nav-step-${step}`);\n if (currentNav) {\n currentNav.style.display = 'flex';\n }\n \n \/\/ Scroll to top\n form.scrollIntoView({ behavior: 'smooth', block: 'start' });\n\n \/\/ Add required asterisks to labels in step 5\n if (step === 5) {\n const stepEl = form.querySelector('.form-step[data-step=\"5\"]');\n if (stepEl) {\n stepEl.querySelectorAll('label').forEach(label => {\n if (!label.querySelector('.required-asterisk')) {\n const star = document.createElement('span');\n star.className = 'required-asterisk';\n star.textContent = ' *';\n label.appendChild(star);\n }\n });\n }\n }\n }\n \n function updateProgressLine() {\n if (progressFill) {\n const progressPercentage = ((currentStep - 1) \/ (totalSteps - 1)) * 100;\n progressFill.style.width = progressPercentage + '%';\n }\n }\n \n function validateCurrentStep() {\n const currentStepElement = form.querySelector(`.form-step[data-step=\"${currentStep}\"]`);\n const requiredFields = currentStepElement.querySelectorAll('[required], .wpcf7-validates-as-required');\n \n let isValid = true;\n \n \/\/ Special validation for step 2 (availability)\n if (currentStep === 2) {\n const availabilityCheckboxes = currentStepElement.querySelectorAll('.availability-checkbox:checked');\n if (availabilityCheckboxes.length < 2) {\n isValid = false;\n showErrorMessage('Veuillez s\u00e9lectionner au moins 2 cr\u00e9neaux de disponibilit\u00e9.');\n return isValid;\n }\n }\n \n requiredFields.forEach(field => {\n \/\/ Remove previous error styling\n field.classList.remove('wpcf7-not-valid');\n \n if (field.type === 'checkbox' || field.type === 'radio') {\n const name = field.name;\n const group = currentStepElement.querySelectorAll(`[name=\"${name}\"]`);\n const isChecked = Array.from(group).some(input => input.checked);\n \n if (!isChecked) {\n isValid = false;\n field.classList.add('wpcf7-not-valid');\n }\n } else if (!field.value.trim()) {\n isValid = false;\n field.classList.add('wpcf7-not-valid');\n }\n });\n \n if (!isValid) {\n \/\/ Show error message\n showErrorMessage('Veuillez remplir tous les champs obligatoires.');\n }\n \n return isValid;\n }\n \n function validateStepsUpTo(stepNumber) {\n for (let i = 1; i <= stepNumber; i++) {\n const stepElement = form.querySelector(`.form-step[data-step=\"${i}\"]`);\n const requiredFields = stepElement.querySelectorAll('[required], .wpcf7-validates-as-required');\n \n for (let field of requiredFields) {\n if (field.type === 'checkbox' || field.type === 'radio') {\n const name = field.name;\n const group = stepElement.querySelectorAll(`[name=\"${name}\"]`);\n const isChecked = Array.from(group).some(input => input.checked);\n \n if (!isChecked) return false;\n } else if (!field.value.trim()) {\n return false;\n }\n }\n }\n return true;\n }\n \n function showErrorMessage(message) {\n \/\/ Remove existing error messages\n const existingError = form.querySelector('.temp-error-message');\n if (existingError) {\n existingError.remove();\n }\n \n \/\/ Create and show new error message\n const errorDiv = document.createElement('div');\n errorDiv.className = 'wpcf7-validation-errors temp-error-message';\n errorDiv.textContent = message;\n \n const currentStepElement = form.querySelector(`.form-step[data-step=\"${currentStep}\"]`);\n currentStepElement.insertBefore(errorDiv, currentStepElement.firstChild);\n \n \/\/ Remove after 5 seconds\n setTimeout(() => {\n if (errorDiv.parentNode) {\n errorDiv.remove();\n }\n }, 5000);\n }\n \n \/\/ Handle primary location change and email destination\n const primaryLocationSelect = document.getElementById('lieu-principal');\n const emailDestinationInput = document.getElementById('email-destination');\n \n if (primaryLocationSelect && emailDestinationInput) {\n primaryLocationSelect.addEventListener('change', function() {\n const selectedLocation = this.value;\n const email = locationEmails[selectedLocation];\n \n if (email) {\n emailDestinationInput.value = email;\n console.log('Email de destino actualizado:', email);\n } else {\n emailDestinationInput.value = '';\n }\n });\n }\n \n \/\/ Handle secondary locations with updated location list\n const secondaryLocationSelect = document.getElementById('lieux-secondaires-select');\n const selectedLocationsContainer = document.getElementById('selected-locations');\n const hiddenSecondaryInput = document.getElementById('lieux-secondaires');\n let selectedLocations = [];\n \n \/\/ Filter out locations already selected as primary location\n function updateSecondaryOptions() {\n if (!secondaryLocationSelect) return;\n const primaryLocationEl = document.getElementById('lieu-principal');\n const primaryLocation = primaryLocationEl ? primaryLocationEl.value : '';\n const options = secondaryLocationSelect.querySelectorAll('option');\n \n options.forEach(option => {\n option.style.display = (option.value === primaryLocation) ? 'none' : 'block';\n });\n }\n \n \/\/ Update secondary options when primary location changes\n if (primaryLocationSelect) {\n primaryLocationSelect.addEventListener('change', function() {\n \/\/ Remove primary location from secondary selections if it exists\n const primaryValue = this.value;\n if (selectedLocations.includes(primaryValue)) {\n selectedLocations = selectedLocations.filter(loc => loc !== primaryValue);\n updateSelectedLocations();\n updateHiddenField();\n }\n updateSecondaryOptions();\n });\n }\n \n if (secondaryLocationSelect) {\n secondaryLocationSelect.addEventListener('change', function() {\n const selectedValue = this.value;\n const primaryLocationEl = document.getElementById('lieu-principal');\n const primaryLocation = primaryLocationEl ? primaryLocationEl.value : '';\n \n if (selectedValue && \n !selectedLocations.includes(selectedValue) && \n selectedValue !== primaryLocation) {\n selectedLocations.push(selectedValue);\n updateSelectedLocations();\n updateHiddenField();\n updateSecondaryOptions();\n }\n this.value = ''; \/\/ Reset select\n });\n \n \/\/ Initialize secondary options\n updateSecondaryOptions();\n }\n \n function updateSelectedLocations() {\n selectedLocationsContainer.innerHTML = '';\n \n if (selectedLocations.length === 0) {\n selectedLocationsContainer.classList.add('empty');\n } else {\n selectedLocationsContainer.classList.remove('empty');\n selectedLocations.forEach(location => {\n const tag = document.createElement('span');\n tag.className = 'location-tag';\n tag.innerHTML = `${location} <span class=\"remove-tag\" data-location=\"${location}\">\u00d7<\/span>`;\n selectedLocationsContainer.appendChild(tag);\n });\n }\n \n \/\/ Add event listeners to remove buttons\n selectedLocationsContainer.querySelectorAll('.remove-tag').forEach(btn => {\n btn.addEventListener('click', function() {\n const locationToRemove = this.getAttribute('data-location');\n selectedLocations = selectedLocations.filter(loc => loc !== locationToRemove);\n updateSelectedLocations();\n updateHiddenField();\n updateSecondaryOptions();\n });\n });\n }\n \n function updateHiddenField() {\n if (hiddenSecondaryInput) {\n hiddenSecondaryInput.value = selectedLocations.join(', ');\n }\n }\n \n \/\/ Handle \"Autres\" option in position select\n const posteSelect = document.getElementById('poste');\n const autresPopup = document.getElementById('autres-popup');\n const popupInput = document.getElementById('poste-autre-input');\n const popupCancel = document.getElementById('popup-cancel');\n const popupConfirm = document.getElementById('popup-confirm');\n const hiddenAutreInput = document.getElementById('poste-autre');\n \n if (posteSelect) {\n posteSelect.addEventListener('change', function() {\n if (this.value === 'Autres') {\n autresPopup.style.display = 'flex';\n popupInput.focus();\n } else {\n if (hiddenAutreInput) {\n hiddenAutreInput.value = '';\n }\n }\n });\n }\n \n if (popupCancel) {\n popupCancel.addEventListener('click', function() {\n autresPopup.style.display = 'none';\n posteSelect.value = '';\n popupInput.value = '';\n });\n }\n \n if (popupConfirm) {\n popupConfirm.addEventListener('click', function() {\n const autreValue = popupInput.value.trim().toUpperCase();\n if (autreValue.length > 0 && autreValue.length <= 10) {\n hiddenAutreInput.value = autreValue;\n autresPopup.style.display = 'none';\n \n \/\/ Update the select option text to show the custom value\n const autresOption = posteSelect.querySelector('option[value=\"Autres\"]');\n autresOption.textContent = `Autres (${autreValue})`;\n } else {\n alert('Veuillez saisir entre 1 et 10 caract\u00e8res.');\n }\n });\n }\n \n \/\/ Handle Enter key in popup\n if (popupInput) {\n popupInput.addEventListener('keypress', function(e) {\n if (e.key === 'Enter') {\n e.preventDefault();\n popupConfirm.click();\n }\n });\n \n \/\/ Auto-uppercase input\n popupInput.addEventListener('input', function() {\n this.value = this.value.toUpperCase();\n });\n }\n \n \/\/ Close popup when clicking outside\n if (autresPopup) {\n autresPopup.addEventListener('click', function(e) {\n if (e.target === autresPopup) {\n popupCancel.click();\n }\n });\n }\n \n\n \n \/\/ Handle character counter for routine sant\u00e9 textarea\n const routineTextarea = document.getElementById('routine-sante');\n const charCount = document.getElementById('char-count');\n \n if (routineTextarea && charCount) {\n routineTextarea.addEventListener('input', function() {\n const maxLength = 500;\n const currentLength = this.value.length;\n \n \/\/ Prevent typing beyond max length\n if (currentLength > maxLength) {\n this.value = this.value.substring(0, maxLength);\n }\n \n charCount.textContent = this.value.length;\n \n \/\/ Change counter color when approaching limit\n if (this.value.length >= maxLength) {\n charCount.style.color = '#dc3545';\n } else if (this.value.length >= maxLength * 0.9) {\n charCount.style.color = '#ffc107';\n } else {\n charCount.style.color = '#666';\n }\n });\n }\n \n \/\/ Handle character counter for entreprise textarea\n const entrepriseTextarea = document.getElementById('connaissance-entreprise');\n const charCountEntreprise = document.getElementById('char-count-entreprise');\n \n if (entrepriseTextarea && charCountEntreprise) {\n entrepriseTextarea.addEventListener('input', function() {\n const maxLength = 500;\n const currentLength = this.value.length;\n \n \/\/ Prevent typing beyond max length\n if (currentLength > maxLength) {\n this.value = this.value.substring(0, maxLength);\n }\n \n charCountEntreprise.textContent = this.value.length;\n \n \/\/ Change counter color when approaching limit\n if (this.value.length >= maxLength) {\n charCountEntreprise.style.color = '#dc3545';\n } else if (this.value.length >= maxLength * 0.9) {\n charCountEntreprise.style.color = '#ffc107';\n } else {\n charCountEntreprise.style.color = '#666';\n }\n });\n }\n \n \/\/ Handle word counter for 10 mots description\n const descriptionInput = document.getElementById('description-10-mots');\n const wordCount = document.getElementById('word-count');\n \n if (descriptionInput && wordCount) {\n descriptionInput.addEventListener('input', function() {\n const words = this.value.trim().split(\/\\s+\/).filter(word => word.length > 0);\n const wordCountValue = this.value.trim() === '' ? 0 : words.length;\n \n wordCount.textContent = wordCountValue;\n \n \/\/ Change counter color when approaching limit\n if (wordCountValue >= 10) {\n wordCount.style.color = '#dc3545';\n } else if (wordCountValue >= 8) {\n wordCount.style.color = '#ffc107';\n } else {\n wordCount.style.color = '#666';\n }\n });\n }\n \n \/\/ Handle character counter for question 1\n const question1Textarea = document.getElementById('question1');\n const charCountQ1 = document.getElementById('char-count-q1');\n \n if (question1Textarea && charCountQ1) {\n question1Textarea.addEventListener('input', function() {\n const maxLength = 500;\n const currentLength = this.value.length;\n \n \/\/ Prevent typing beyond max length\n if (currentLength > maxLength) {\n this.value = this.value.substring(0, maxLength);\n }\n \n charCountQ1.textContent = this.value.length;\n \n \/\/ Change counter color when approaching limit\n if (this.value.length >= maxLength) {\n charCountQ1.style.color = '#dc3545';\n } else if (this.value.length >= maxLength * 0.9) {\n charCountQ1.style.color = '#ffc107';\n } else {\n charCountQ1.style.color = '#666';\n }\n });\n }\n \n \/\/ Handle character counter for question 8\n const question8Textarea = document.getElementById('question8');\n const charCountQ8 = document.getElementById('char-count-q8');\n \n if (question8Textarea && charCountQ8) {\n question8Textarea.addEventListener('input', function() {\n const maxLength = 200;\n const currentLength = this.value.length;\n \n \/\/ Prevent typing beyond max length\n if (currentLength > maxLength) {\n this.value = this.value.substring(0, maxLength);\n }\n \n charCountQ8.textContent = this.value.length;\n \n \/\/ Change counter color when approaching limit\n if (this.value.length >= maxLength) {\n charCountQ8.style.color = '#dc3545';\n } else if (this.value.length >= maxLength * 0.9) {\n charCountQ8.style.color = '#ffc107';\n } else {\n charCountQ8.style.color = '#666';\n }\n });\n }\n \n \/\/ Handle character counter for question 10\n const question10Textarea = document.getElementById('question10');\n const charCountQ10 = document.getElementById('char-count-q10');\n \n if (question10Textarea && charCountQ10) {\n question10Textarea.addEventListener('input', function() {\n const maxLength = 200;\n const currentLength = this.value.length;\n \n \/\/ Prevent typing beyond max length\n if (currentLength > maxLength) {\n this.value = this.value.substring(0, maxLength);\n }\n \n charCountQ10.textContent = this.value.length;\n \n \/\/ Change counter color when approaching limit\n if (this.value.length >= maxLength) {\n charCountQ10.style.color = '#dc3545';\n } else if (this.value.length >= maxLength * 0.9) {\n charCountQ10.style.color = '#ffc107';\n } else {\n charCountQ10.style.color = '#666';\n }\n });\n }\n \n \/\/ File upload functionality\n const uploadLettre = document.getElementById('upload-lettre');\n const uploadCv = document.getElementById('upload-cv');\n const lettreInput = document.getElementById('lettre-motivation');\n const cvInput = document.getElementById('cv-certifications');\n \n if (uploadLettre && uploadCv && lettreInput && cvInput) {\n \/\/ Drag and drop functionality for lettre de motivation\n uploadLettre.addEventListener('dragover', function(e) {\n e.preventDefault();\n this.classList.add('dragover');\n });\n \n uploadLettre.addEventListener('dragleave', function(e) {\n e.preventDefault();\n this.classList.remove('dragover');\n });\n \n uploadLettre.addEventListener('drop', function(e) {\n e.preventDefault();\n this.classList.remove('dragover');\n const files = e.dataTransfer.files;\n if (files.length > 0) {\n lettreInput.files = files;\n updateFileDisplay(uploadLettre, files[0]);\n }\n });\n \n \/\/ Drag and drop functionality for CV\n uploadCv.addEventListener('dragover', function(e) {\n e.preventDefault();\n this.classList.add('dragover');\n });\n \n uploadCv.addEventListener('dragleave', function(e) {\n e.preventDefault();\n this.classList.remove('dragover');\n });\n \n uploadCv.addEventListener('drop', function(e) {\n e.preventDefault();\n this.classList.remove('dragover');\n const files = e.dataTransfer.files;\n if (files.length > 0) {\n cvInput.files = files;\n updateFileDisplay(uploadCv, files[0]);\n }\n });\n \n \/\/ File input change events\n lettreInput.addEventListener('change', function() {\n if (this.files.length > 0) {\n updateFileDisplay(uploadLettre, this.files[0]);\n }\n });\n \n cvInput.addEventListener('change', function() {\n if (this.files.length > 0) {\n updateFileDisplay(uploadCv, this.files[0]);\n }\n });\n \n \/\/ Function to update file display\n function updateFileDisplay(uploadArea, file) {\n const fileInfo = uploadArea.querySelector('.file-info');\n const maxSize = 5 * 1024 * 1024; \/\/ 5MB in bytes\n \n if (file.size > maxSize) {\n alert('Le fichier est trop volumineux. Taille maximum: 5MB');\n return;\n }\n \n const allowedTypes = ['.pdf', '.doc', '.docx', '.txt'];\n const fileExtension = '.' + file.name.split('.').pop().toLowerCase();\n \n if (!allowedTypes.includes(fileExtension)) {\n alert('Type de fichier non support\u00e9. Formats accept\u00e9s: PDF, DOC, DOCX, TXT');\n return;\n }\n \n fileInfo.textContent = `Fichier s\u00e9lectionn\u00e9: ${file.name} (${(file.size \/ 1024 \/ 1024).toFixed(2)} MB)`;\n fileInfo.style.color = '#28a745';\n \n \/\/ Change upload area appearance\n uploadArea.style.borderColor = '#28a745';\n uploadArea.style.background = '#f8fff9';\n }\n }\n\n \/\/ Video upload and recording (30s max)\n const uploadVideo = document.getElementById('upload-video');\n const videoInput = document.getElementById('video-presentation');\n const recordBtn = document.getElementById('record-video-btn');\n const videoPreview = document.getElementById('video-preview');\n let mediaStream = null;\n let mediaRecorder = null;\n let recordedChunks = [];\n\n const MAX_VIDEO_BYTES = 100 * 1024 * 1024; \/\/ 100MB\n const MAX_VIDEO_SECONDS = 30;\n const allowedVideoTypes = ['video\/mp4', 'video\/webm', 'video\/quicktime'];\n\n function updateVideoFileDisplay(file) {\n if (!uploadVideo) return;\n const fileInfo = uploadVideo.querySelector('.file-info');\n if (!fileInfo) return;\n fileInfo.textContent = `Fichier s\u00e9lectionn\u00e9: ${file.name} (${(file.size \/ 1024 \/ 1024).toFixed(2)} MB)`;\n fileInfo.style.color = '#28a745';\n uploadVideo.style.borderColor = '#28a745';\n uploadVideo.style.background = '#f8fff9';\n }\n\n function validateAndPreviewVideo(file) {\n if (!file) return;\n if (file.size > MAX_VIDEO_BYTES) {\n alert('La vid\u00e9o est trop volumineuse. Taille maximum: 100MB');\n return;\n }\n if (!allowedVideoTypes.includes(file.type)) {\n alert('Format vid\u00e9o non support\u00e9. Formats accept\u00e9s: MP4, WEBM, MOV');\n return;\n }\n const url = URL.createObjectURL(file);\n if (videoPreview) {\n videoPreview.src = url;\n videoPreview.style.display = 'block';\n videoPreview.onloadedmetadata = function() {\n if (videoPreview.duration > MAX_VIDEO_SECONDS) {\n alert('La vid\u00e9o d\u00e9passe 30 secondes. Veuillez s\u00e9lectionner une vid\u00e9o de 30s maximum.');\n videoPreview.src = '';\n videoPreview.style.display = 'none';\n return;\n }\n };\n }\n updateVideoFileDisplay(file);\n }\n\n if (uploadVideo && videoInput) {\n \/\/ Drag & drop for video\n uploadVideo.addEventListener('dragover', function(e) {\n e.preventDefault();\n this.classList.add('dragover');\n });\n uploadVideo.addEventListener('dragleave', function(e) {\n e.preventDefault();\n this.classList.remove('dragover');\n });\n uploadVideo.addEventListener('drop', function(e) {\n e.preventDefault();\n this.classList.remove('dragover');\n const files = e.dataTransfer.files;\n if (files.length > 0) {\n const file = files[0];\n validateAndPreviewVideo(file);\n \/\/ Assign file to input\n const dt = new DataTransfer();\n dt.items.add(file);\n videoInput.files = dt.files;\n }\n });\n\n \/\/ File input change\n videoInput.addEventListener('change', function() {\n if (this.files && this.files.length > 0) {\n validateAndPreviewVideo(this.files[0]);\n }\n });\n }\n\n \/\/ Recording 30s with webcam\n if (recordBtn) {\n recordBtn.addEventListener('click', async function() {\n try {\n if (!mediaStream) {\n mediaStream = await navigator.mediaDevices.getUserMedia({ video: true, audio: true });\n }\n\n \/\/ Live preview while recording\n if (videoPreview) {\n try {\n videoPreview.srcObject = mediaStream;\n videoPreview.muted = true;\n videoPreview.playsInline = true;\n videoPreview.style.display = 'block';\n const playPromise = videoPreview.play();\n if (playPromise && typeof playPromise.then === 'function') {\n playPromise.catch(() => {});\n }\n } catch (_) {}\n }\n recordedChunks = [];\n mediaRecorder = new MediaRecorder(mediaStream, { mimeType: MediaRecorder.isTypeSupported('video\/webm;codecs=vp9') ? 'video\/webm;codecs=vp9' : 'video\/webm' });\n\n mediaRecorder.ondataavailable = function(e) {\n if (e.data && e.data.size > 0) {\n recordedChunks.push(e.data);\n }\n };\n mediaRecorder.onstop = function() {\n const blob = new Blob(recordedChunks, { type: 'video\/webm' });\n if (blob.size > MAX_VIDEO_BYTES) {\n alert('La vid\u00e9o enregistr\u00e9e d\u00e9passe la taille maximum.');\n return;\n }\n const file = new File([blob], 'presentation.webm', { type: 'video\/webm' });\n\n \/\/ Attach to input\n const dt = new DataTransfer();\n dt.items.add(file);\n if (videoInput) videoInput.files = dt.files;\n\n \/\/ Preview\n if (videoPreview) {\n try {\n videoPreview.pause();\n videoPreview.srcObject = null;\n } catch (_) {}\n videoPreview.src = URL.createObjectURL(blob);\n videoPreview.muted = false;\n videoPreview.style.display = 'block';\n }\n updateVideoFileDisplay(file);\n\n \/\/ Stop camera\/mic after recording\n try {\n if (mediaStream) {\n mediaStream.getTracks().forEach(t => t.stop());\n }\n } catch (_) {}\n mediaStream = null;\n };\n\n mediaRecorder.start();\n recordBtn.disabled = true;\n recordBtn.textContent = 'Enregistrement... (30s)';\n setTimeout(() => {\n if (mediaRecorder && mediaRecorder.state !== 'inactive') {\n mediaRecorder.stop();\n }\n recordBtn.disabled = false;\n recordBtn.textContent = 'Enregistrer 30s (cam\u00e9ra)';\n }, MAX_VIDEO_SECONDS * 1000);\n } catch (err) {\n console.error(err);\n alert(\"Impossible d'acc\u00e9der \u00e0 la cam\u00e9ra et\/ou au micro.\");\n }\n });\n }\n \n \/\/ Handle availability grid selections\n const availabilityCheckboxes = document.querySelectorAll('.availability-checkbox');\n const summaryText = document.getElementById('summary-text');\n const selectedCountEl = document.getElementById('selected-count');\n const selectedSlots = document.getElementById('selected-slots');\n \n availabilityCheckboxes.forEach(checkbox => {\n checkbox.addEventListener('change', function() {\n updateSelectionSummary();\n });\n checkbox.addEventListener('click', function() {\n updateSelectionSummary();\n });\n checkbox.addEventListener('input', function() {\n updateSelectionSummary();\n });\n });\n\n \/\/ Delegated listeners as fallback (in case checkboxes are dynamically replaced)\n const availabilityGrid = document.querySelector('.availability-grid');\n if (availabilityGrid) {\n availabilityGrid.addEventListener('change', function(e) {\n const target = e.target;\n if (target && target.classList && target.classList.contains('availability-checkbox')) {\n updateSelectionSummary();\n }\n });\n availabilityGrid.addEventListener('click', function(e) {\n const target = e.target;\n if (target && target.classList && target.classList.contains('availability-checkbox')) {\n updateSelectionSummary();\n }\n });\n }\n \n function updateSelectionSummary() {\n const checkedBoxes = document.querySelectorAll('.availability-checkbox:checked');\n const count = checkedBoxes.length;\n \n if (selectedCountEl) {\n selectedCountEl.textContent = String(count);\n } else if (summaryText) {\n summaryText.textContent = `S\u00e9lection actuelle: ${count} cr\u00e9neaux s\u00e9lectionn\u00e9s`;\n }\n \n if (selectedSlots) {\n if (count === 0) {\n selectedSlots.innerHTML = '';\n } else {\n const selectedValues = Array.from(checkedBoxes).map(checkbox => {\n const value = checkbox.value;\n const [day, time] = value.split('-');\n return `${day} (${time === 'Jour' ? 'Jour (6h-14h)' : 'Soir (14h-22h)'})`;\n });\n selectedSlots.innerHTML = selectedValues.join(', ');\n }\n }\n \n \/\/ Update hidden field for Contact Form 7\n const hiddenField = document.getElementById('disponibilites-hidden');\n if (hiddenField) {\n const selectedValues = Array.from(checkedBoxes).map(checkbox => checkbox.value);\n hiddenField.value = selectedValues.join(', ');\n }\n }\n \n \/\/ Initialize selection summary\n updateSelectionSummary();\n \n }); \n <\/script>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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>Application Form<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-5599","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.blackburnathletics.ca\/en\/wp-json\/wp\/v2\/pages\/5599","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.blackburnathletics.ca\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.blackburnathletics.ca\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.blackburnathletics.ca\/en\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.blackburnathletics.ca\/en\/wp-json\/wp\/v2\/comments?post=5599"}],"version-history":[{"count":0,"href":"https:\/\/www.blackburnathletics.ca\/en\/wp-json\/wp\/v2\/pages\/5599\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.blackburnathletics.ca\/en\/wp-json\/wp\/v2\/media?parent=5599"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}