Choix du/des motif(s) | Formulaire de demande

<!doctype html> <html lang="fr"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Choix du/des motif(s) | Formulaire de demande | Défenseur des droits</title> <link rel="stylesheet" href="/formulaire_saisine/style/bootstrap.css?version=1c39fd84bdb457bd4d7ffdf093ad4af6af9b69d0d63ecfa1ef555b64fc5ebaca"> <link rel="stylesheet" href="/formulaire_saisine/style/bootstrap-icons-1.10.4.css?version=75946f531eb9c7820bf3199dedc16db5d8b3630b4d8e45eafec594c5eca95a67"> <link rel="stylesheet" href="/formulaire_saisine/style/jquery-ui.css?version=c8c2157918c9fed0bb9dcc56c96b52dc7af70b05ca0228e467eaf91777751ad7"> <link rel="stylesheet" href="/formulaire_saisine/style/ab-datepicker.css?version=09015b8dba1c8222693f75f4ffa6c2f4ebba2ec7620927d8f89cb3d89212cdbe"> <link rel="stylesheet" href="/formulaire_saisine/style/intlTelInput.min.css?version=c3c8baf0bd4f1569219145eb13a172e055ebf5c54e6b2594eea982f1aa6199c9"> <link rel="stylesheet" href="/formulaire_saisine/style/dropzone.min.css?version=9ff0aecab9bebf5e4d8a6d2627666b1251e50a4f2b689b3fe7b59e0ac2330ebe"> <link rel="stylesheet" href="/formulaire_saisine/style/saisine.css?version=9a7944cf34a0cc333520b2e210e31ab19319b88333b9db1b22d5a09e1cb1261c"> <link rel="stylesheet" href="/formulaire_saisine/style/added.css?version=945902237abb925f604415a731b4352ca8a261410567d8e2f6af9919ad845d1a"> <script src="/formulaire_saisine/lib/bootstrap-5.3.0-alpha3.bundle.min.js?version=267cc700bf2865794061457dcad050431f57be8409d29f5380ba0467aff258c7" type="text/javascript"></script> <script src="/formulaire_saisine/lib/aide.js?version=6c32f614dc1b8dda28b278cec712a5f3ec3a364800e5bc984fbfc65563df955f" type="text/javascript"></script> <script src="/formulaire_saisine/lib/jquery-3.6.0.js?version=1fe2bb5390a75e5d61e72c107cab528fc3c29a837d69aab7d200e1dbb5dcd239" type="text/javascript"></script> <script src="/formulaire_saisine/lib/jquery-ui-1.13.2.js?version=c4b0fb9e123ad9f72c1192b6feff0bb0171be251bb76050b92e5e85c1fe3f757" type="text/javascript"></script> <script src="/formulaire_saisine/lib/ab-datepicker/locales/fr.min.js?version=a54d71579cf527a530a0fad8b4c6b87998d600a3c360c8984f509710ba29b041" type="text/javascript"></script> <script src="/formulaire_saisine/lib/ab-datepicker/ab-datepicker.js?version=9f470b17ba4aa3244eac09f2be86f3f775f76e7c1349066e2f0ccc00aa728d82" type="text/javascript"></script> <script src="/formulaire_saisine/lib/intl-tel/intlTelInput-jquery.min.js?version=d191a0f92151a2a8c8789c85721153462b6d14c2f4540d0a12acdfe50cc188e1" type="text/javascript"></script> <script type="text/javascript"> var maxUploadsReachedErrMsg = 'Nombre maximum de fichiers acceptés par le formulaire atteint (Remarque : vous pourrez en transmettre d’autres par la suite)'; var wrongFileTypeErrMsg = 'Vous ne pouvez pas verser des fichiers de ce type'; var fileTooBigErrMsg = 'Le fichier est trop volumineux'; var fileMaxAccepted = 'Taille maximale autorisée'; </script> <script src="/formulaire_saisine/lib/dropzone-5.9.3.min.js?version=94a091f50c00b60617976875d8c8ef6ad694ac4e66b18a3172059ed1cb08b310" type="text/javascript"></script> <script src="/formulaire_saisine/lib/api-sirene.js?version=990a26ea95fb3da4a4a8dbb8d7415bf56e851b113f8f01a9f8133f3c286cdec1" type="text/javascript"></script> <script src="/formulaire_saisine/lib/api-ban.js?version=77daa9760e38c9fca8d775cf8072e74f367e14e4f5dacd279bfa00c6fc665496" type="text/javascript"></script> <script src="/formulaire_saisine/lib/upload.js?version=c63af5462ffe94a7c141e84a9fda9df7eaca048d260dbfd0430a0dea291c27dc" type="text/javascript"></script> <script src="/formulaire_saisine/lib/recorder.js?version=1a2c75ff6cce671708bb4d9055a2838339b0cb6cb5d686a76918d62ea8617572" type="text/javascript"></script> <script src="/formulaire_saisine/lib/message_vocal.js?version=a6df4a0a1ff2423c65ef47c6d1851a89055a84d6297b2e7fc4c23b6c552667ff" type="text/javascript"></script>  <script src="/formulaire_saisine/lib/cookies-eu-banner.min.js?version=c70a3225002b088a887623fe71d3ff25f8395d284aa58f7df56d0b9b5486dce6"></script> <script type="text/javascript"> function matomoSetup() { var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="https://matomo.defenseurdesdroits.fr/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '2']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); } history.pushState(null, null, location.href); window.onpopstate = function () { history.go(1); }; function ddd_goto(etape, formulaire, champ) { document.goto_form.etape_parcours.value = etape; document.goto_form.formulaire.value = formulaire; document.goto_form.champ.value = champ; document.goto_form.submit(); } // On utilise 2 moyens pour cacher : la classe invisible ou ajouter display: none dans le style. // On cache parfois des champs .form-controle en ajoutant display: none dans le style directement sur le input // On a des champs caché type hidden qui ne sont pas .form-control, .form-select, .form-check-input // On a des champs caché type radio function disableFormControls() {//change mouseup var formControlsSelector = 'div[style*="display: none;"] .form-control,' + 'div.invisible .form-control,' + 'input[style*="display: none;"].form-control,' + 'div[style*="display: none;"] .form-select,' + 'div.invisible .form-select,' + 'div[style*="display: none;"] .form-check-input,' + 'div.invisible .form-check-input,' + 'div[style*="display: none;"] [type=radio][style*="display: none;"],' + 'div.invisible [type=radio][style*="display: none;"],' + 'div[style*="display: none;"] input[type="hidden"],' + 'div.invisible input[type="hidden"]'; $('.etape-form').find('.form-control, .form-select, .form-check-input, input[type="hidden"], [type=radio][style*="display: none;"]').removeAttr("disabled"); $('.etape-form').find(formControlsSelector).attr('disabled', 'disabled'); // Certains champs sont disabled à cause d’une case à cocher, il faut remettre les disabled. // aCibles_ne_pas_renseigner et aDeclencheurs_ne_pas_renseigner sont des tableaux de tableaux. if (window.bVariablesCiblesDeclencheursInitialisées) { for(var i=0; i<window.aDeclencheurs_ne_pas_renseigner.length; i++) { update_ne_pas_renseigner(window.aCibles_ne_pas_renseigner[i],window.aDeclencheurs_ne_pas_renseigner[i]); } } } function messageErreur () { //form-control $('.was-validated .form-control:invalid').each(function() {formControlInvalid($(this))}); $('.was-validated .form-control:valid').each(function() {formControlValid($(this))}); $('.form-control.is-invalid').each(function() {formControlInvalid($(this))}); $('.form-control.is-valid').each(function() {formControlValid($(this))}); //file_upload est intégré directement dans upload.js //bouton radio $('.was-validated .liste_un_choix_radio_box:first-child .form-check-input:invalid').each(function() {radioCocherInvalid($(this))}); $('.was-validated .liste_un_choix_radio_box:first-child .form-check-input:valid').each(function() {radioCocherValid($(this))}); $('.liste_un_choix_radio_box:first-child .form-check-input.is-invalid').each(function() {radioCocherInvalid($(this))}); $('.liste_un_choix_radio_box:first-child .form-check-input.is-valid').each(function() {radioCocherValid($(this))}); //case à cocher $('.was-validated .case_a_cocher:first-child .form-check-input:invalid').each(function() {radioCocherInvalid($(this))}); $('.was-validated .case_a_cocher:first-child .form-check-input:valid').each(function() {radioCocherValid($(this))}); $('.case_a_cocher:first-child .form-check-input.is-invalid').each(function() {radioCocherInvalid($(this))}); $('.case_a_cocher:first-child .form-check-input.is-valid').each(function() {radioCocherValid($(this))}); if ($('[aria-invalid="true"]').length>0) { $('[aria-invalid="true"]').first().focus(); } } function formControlValid (targetInput) { var idInputValid = $(targetInput).attr('id').trim(); if (idInputValid) { var $idInputValid = $('#'+idInputValid); var ariaDescribedbyValid = $idInputValid.prev().attr('id'); $idInputValid.attr('aria-invalid', false); $idInputValid.attr('aria-describedby', ariaDescribedbyValid); } else { console.erreur ("l’id de l’input n’existe pas", idInputValid); } } function formControlInvalid (targetInput) { var idInputInvalid = $(targetInput).attr('id').trim(); if (idInputInvalid) { var $idInputInvalid = $('#'+idInputInvalid); var ariaDescribedbyInvalid = $idInputInvalid.attr('aria-describedby')+' '+$idInputInvalid.next().attr('id'); $idInputInvalid.attr('aria-invalid', true); $idInputInvalid.attr('aria-describedby', ariaDescribedbyInvalid); } else { console.erreur ("l’id de l’input n’existe pas", idInputInvalid); } } function radioCocherValid (targetInput) { var idValid = $(targetInput).attr('id').trim(); if (idValid) { var $idValid = $('#'+idValid); var ariaDescribedbyValid = ''; $idValid.attr('aria-invalid', false); $idValid.attr('aria-describedby', ariaDescribedbyValid); } else { console.erreur ("l’id du radio bouton ou de la case à cocher n’existe pas", idValid); } } function radioCocherInvalid (targetInput) { var idInvalid = $(targetInput).attr('id').trim();; if (idInvalid) { var $idInvalid = $('#'+idInvalid); var ariaDescribedbyValid = 'erreur'+$idInvalid.attr('name').charAt(0).toUpperCase() + $idInvalid.attr('name').slice(1); $idInvalid.attr('aria-invalid', true); $idInvalid.attr('aria-describedby', ariaDescribedbyValid); } else { console.erreur ("l’id du radio bouton ou de la case à cocher n’existe pas", idInvalid); } } function updateCookieBannerStatus() { document.getElementById('cookies-eu-banner-status-text').innerText = 'Cookies' + ' : ' + ((cookiesBanner.hasConsent()) ? 'Acceptés' : 'Refusés'); document.getElementById('cookies-eu-banner-status').title = (cookiesBanner.hasConsent()) ? 'Cookies : Acceptés (redéfinir mes préférence)' : 'Cookies : Refusés (redéfinir mes préférence)'; document.getElementById('cookies-eu-banner-status').style.display = (document.cookie.indexOf(window.cookiesBanner.cookieName) != -1) ? 'block' : 'none'; } function init() { window.cookiesBanner = new CookiesEuBanner(function () { // Suivi/statistiques matomo console.log('Cookies accepted !'); matomoSetup(); if(window.cookiesBanner) { updateCookieBannerStatus(); } }, true); updateCookieBannerStatus(); document.getElementById('cookies-eu-banner-status').addEventListener('click', function() { window.cookiesBanner.deleteCookie(window.cookiesBanner.cookieName); window.location.reload(); }); document.getElementById('cookies-eu-reject').addEventListener('click', function() { updateCookieBannerStatus(); }); // Initialize datepickers if any $('.ddd_date').datepicker({ outputFormat: 'dd/MM/yyyy', markup: 'bootstrap5' }).attr('placeholder', '');; // Initialize radio boxes $('.liste_un_choix_radio_box, .liste_un_choix_radio_box_avec_details').click(function(e) { var radio = $(e.currentTarget).find('input[type="radio"].form-check-input'); if(radio.length && !radio.prop('checked')) { radio.prop('checked', true); radio.closest('.liste_un_choix_radio').find('.liste_un_choix_radio_box.checked, .liste_un_choix_radio_box_avec_details.checked').removeClass('checked'); radio.closest('.liste_un_choix_radio_box, .liste_un_choix_radio_box_avec_details').addClass('checked'); radio.click(); disableFormControls(); } }); $('.liste_un_choix_radio_box input[type="radio"].form-check-input').click(function(e) { var radio = $(e.currentTarget); radio.closest('.liste_un_choix_radio').find('.liste_un_choix_radio_box').removeClass('checked'); radio.closest('.liste_un_choix_radio_box').addClass('checked'); disableFormControls(); e.stopPropagation(); }); // Initialize checkboxes $('.liste_plusieurs_choix_checkbox_box').click(function(e) { var checkbox = $(e.currentTarget).find('input[type="checkbox"].form-check-input'); if(checkbox.length && e.target == this) { checkbox.prop('checked', !checkbox.prop('checked')); if(checkbox.prop('checked')) { $(this).addClass('checked'); } else { $(this).removeClass('checked'); } } }); $('.liste_plusieurs_choix_checkbox_box input[type="checkbox"].form-check-input').click(function(e) { var checkbox = $(e.currentTarget); if(checkbox.prop('checked')) { checkbox.closest('.liste_plusieurs_choix_checkbox_box').addClass('checked'); } else { checkbox.closest('.liste_plusieurs_choix_checkbox_box').removeClass('checked'); } }); // Avoid bootstrap validation when submiting while navigating backwards $('button[name="action"][value="back"]').click(function(e) { var objForm; if($('.form-formulaire-saisine').length) { objForm = $('.form-formulaire-saisine'); } else { objForm = $('<form action="https://formulaire.defenseurdesdroits.fr/formulaire_saisine/" method="POST">').appendTo($('body')); $('<input type="text" name="token" value="71b734c71d.qckn8vPC0R9Zr5lRSQqN9VG6amgM7kGFV7FYADHF3tw.25gRpcr0hmcK2co8M2bCnh7DDyJunB60J8M7eFyWmJbw_22kiYW3LmHD7g" hidden>').appendTo(objForm); } $('<input type="text" name="action" value="back" hidden>').appendTo(objForm); objForm.submit(); $(this).prop("disabled", true); }); //Permet de poser disabled pour les champs déjà cachés afin de ne pas les envoyer. $('button[name="action"][value="back"]').click(function(e) { disableFormControls(); }); $('button[name="action"][value="forward"]').click(function(e) { disableFormControls(); }); //fr // Initialize all tel input fields const iti = $('input[type="tel"]').intlTelInput({ nationalMode: true, initialCountry: 'fr', preferredCountries: [ 'fr' ], separateDialCode: true, customContainer: 'mb-3', placeholderNumberType: "", utilsScript: 'https://formulaire.defenseurdesdroits.fr/formulaire_saisine/lib/intl-tel/utils.js' }).on("countrychange", function() { var countryData = $(this).intlTelInput("getSelectedCountryData"); var ariaLabel = 'Indicatif téléphonique du pays (actuellement : ' + countryData.name + ' - ' +countryData.dialCode+')'; $('.iti__selected-flag').attr('aria-label', ariaLabel); }); var countryData = iti.intlTelInput("getSelectedCountryData"); var ariaLabel = 'Indicatif téléphonique du pays (actuellement : ' + countryData.name + ' - ' +countryData.dialCode+')'; $('.iti__selected-flag').attr('aria-label', ariaLabel); $('.iti__selected-flag').addClass('form-control'); // Après l'initialisation, remplacez l'aria-label en accédant à l'élément DOM du sélecteur de pays const countryList = document.querySelector(".iti__country-list"); if (countryList) { countryList.setAttribute ('aria-label', 'liste des pays'); } // Liens $('button.ddd_goto').click(function(e) { ddd_goto($(e.currentTarget).attr('data-ddd-etape'), $(e.currentTarget).attr('data-ddd-formulaire'), $(e.currentTarget).attr('data-ddd-champ')); }); // Format champs nom $('input.nom_famille').keyup(function(e) { this.value = this.value.toLocaleUpperCase(); }); } var urlAide = 'https://formulaire.defenseurdesdroits.fr/formulaire_saisine/aide'; var urlUpload = 'https://formulaire.defenseurdesdroits.fr/formulaire_saisine/televersement'; var urlUploaded = 'https://formulaire.defenseurdesdroits.fr/formulaire_saisine/televerses'; var urlRemoveUpload = 'https://formulaire.defenseurdesdroits.fr/formulaire_saisine/televersement/supprimer'; var maxUploadFileSize = parseInt('15M'); var maxUploads = '10'; var csrfToken = '3c1b7cfa7d4ba4c17799a4c61e9e2a.HT2BjID0ImbEH1JL5nbZCx5jniNCzATQJ5Yjs44-Lmg.b2y327nCdR6XaQEmnBqWYFEa-2kgvlvhV-RAy-NtaCJEC8va-rNEV_xzJQ'; var acceptedFileTypes = '.pdf, .doc, .tif, .txt, .odt, .docx, .xls, .xlsx, .ppt, .pptx, .msg, .eml, .jpg, .jpeg, .rtf, .wav'; var fileUploadServerErrMsg = 'Erreur lors du versement du fichier sur le serveur'; var messageVocalInitErrMsg = 'Votre appareil ne supporte pas cette fonctionnalité (APIs audio non supportées)'; var messageVocalPermissionErrMsg = 'VOUS_DEVEZ_AUTORISER_LA_PERMISSION_POUR_UTILISER_LE_MICROPHONE'; var messageVocalOtherErrMsg = 'UNE_ERREUR_TECHNIQUE_A_ETE_RENCONTREE_PAR_VOTRE_NAVIGATEUR_CODE_EGAL'; var messageVocalEnvoiErrMsg = 'Une erreur technique a été rencontrée lors du téléversement du fichier audio'; /*fonction de test pour repérer les div qui contiennent du texte sans balise p*/ document.addEventListener('DOMContentLoaded', function() { function trouverDivsAvecTexte() { // Sélectionne toutes les balises div dans le document var divs = document.getElementsByTagName('div'); // Initialise un tableau pour stocker les divs avec du texte mais sans balise p var divsAvecTexteSansP = []; // Parcours toutes les divs for (var i = 0; i < divs.length; i++) { var div = divs[i]; // Vérifie s'il y a du texte dans la div if (div.textContent.trim() !== "" && !contientBaliseAutreQueSpan(div)) { // Vérifie si la div ne contient pas de balise p if (!div.querySelector('p')) { divsAvecTexteSansP.push(div); } } } return divsAvecTexteSansP; } // Fonction auxiliaire pour vérifier si la div contient des balises autres que span function contientBaliseAutreQueSpan(element) { var enfants = element.children; for (var j = 0; j < enfants.length; j++) { if (enfants[j].tagName.toLowerCase() !== 'span') { return true; } } return false; } // Utilisation de la fonction var resultats = trouverDivsAvecTexte(); //if (resultats.length>0) console.log('̂', resultats); // Affiche le texte de chaque div dans la console var compteur=0; //console.log(resultats); resultats.forEach(function(div) { let oTrouverDivsAvecTexte = JSON.parse(localStorage.getItem("trouverDivsAvecTexte")) ? JSON.parse(localStorage.getItem("trouverDivsAvecTexte")) : []; let oNouveauTrouverDivsAvecTexte = {Page:'Parcours/1/choix_motifs.html.twig', TextContent:div.textContent.trim()}; oTrouverDivsAvecTexte.push(oNouveauTrouverDivsAvecTexte); localStorage.setItem("trouverDivsAvecTexte", JSON.stringify(oTrouverDivsAvecTexte)); compteur++; }); //localStorage.setItem("trouverDivsAvecTexte", "[]"); console.log("trouverDivsAvecTexte",JSON.parse(localStorage.getItem("trouverDivsAvecTexte"))); }); /*bibliotheque*/ // Gestion des cases à cocher qui désactivent les champs. function init_ne_pas_renseigner (array_ddd_ne_pas_renseigner, array_ddd_case_a_cocher) { if (!window.bVariablesCiblesDeclencheursInitialisées) { init_variables_cibles_et_declancheurs(); } window.aCibles_ne_pas_renseigner.push(array_ddd_ne_pas_renseigner); window.aDeclencheurs_ne_pas_renseigner.push(array_ddd_case_a_cocher); update_ne_pas_renseignerAddEventListener (array_ddd_ne_pas_renseigner, array_ddd_case_a_cocher); update_ne_pas_renseigner(array_ddd_ne_pas_renseigner, array_ddd_case_a_cocher); }; function update_ne_pas_renseigner (array_ddd_ne_pas_renseigner, array_ddd_case_a_cocher) { // si une des cases est cochée, le ou les champs deviennent disabled. var selecteurNePasRenseigner; var bchecked = false; for(var i=0; i<array_ddd_case_a_cocher.length; i++) { bchecked = bchecked || case_a_cocher_checked(array_ddd_case_a_cocher[i]); } for(var i=0; i<array_ddd_ne_pas_renseigner.length; i++) { selecteurNePasRenseigner = '[name="'+array_ddd_ne_pas_renseigner[i]+'"]'; document.querySelector(selecteurNePasRenseigner).disabled = bchecked; } } function case_a_cocher_checked (ddd_case_a_cocher) { if (!ddd_case_a_cocher) { return false; } var selecteurCaseACocher = 'input.form-check-input[name="'+ddd_case_a_cocher+'"]'; return document.querySelector(selecteurCaseACocher).checked; } function update_ne_pas_renseignerAddEventListener (array_ddd_ne_pas_renseigner, array_ddd_case_a_cocher) { for(var i=0; i<array_ddd_case_a_cocher.length; i++) { var objCheckbox = document.querySelector('input.form-check-input[name="'+array_ddd_case_a_cocher[i]+'"]'); objCheckbox.addEventListener('click', function(e) { update_ne_pas_renseigner(array_ddd_ne_pas_renseigner, array_ddd_case_a_cocher); }); } } function init_variables_cibles_et_declancheurs () { window.bVariablesCiblesDeclencheursInitialisées = true; window.aCibles_ne_pas_renseigner = []; window.aDeclencheurs_ne_pas_renseigner = []; } //Gestion des boutons oui non function init_oui_non (ddd_oui, ddd_non) { var array_array_selector = [[ddd_oui]]; var array_value = ['OUI']; if (ddd_non) { array_array_selector.push([ddd_non]); array_value.push('NON'); } init_objAlertListRadio (); update_showHiddenRadioAddEventListener(array_array_selector,array_value); update_showHiddenRadio(array_array_selector,array_value); } function init_showHiddenRadio (array_array_selector, array_value) { init_objAlertListRadio (); update_showHiddenRadioAddEventListener(array_array_selector,array_value); update_showHiddenRadio(array_array_selector,array_value); } function init_objAlertListRadio () { var aRadios = document.querySelectorAll('input.form-check-input[type="radio"]'); var objAlertList = document.querySelector('.alert_liste_un_choix_radio'); for(var i=0; i<aRadios.length; i++) { aRadios[i].addEventListener('click', function(e) { if (!objAlertList.classList.contains("d-none")) { objAlertList.classList.add('d-none'); } }); aRadios[i].addEventListener('invalid', function(e) { objAlertList.classList.remove('d-none'); }); } } function update_showHiddenRadioAddEventListener(array_array_selector, array_value) { var aRadios = document.querySelectorAll('input.form-check-input[type="radio"]'); for(var i=0; i<aRadios.length; i++) { aRadios[i].addEventListener('click', function(e) { update_showHiddenRadio(array_array_selector, array_value); }); } } function update_showHiddenRadio(array_array_selector, array_value) { /* array_value : tableau de valeurs. Pour chaque valeur correspond le premier niveau de tableau de classe. array_array_selector : Le deuxieme niveau de tableau permet d’afficher plusieurs choses selectionnées pour une valeur. */ for(var i=0; i<array_value.length; i++) { if(document.querySelector('input.form-check-input[type="radio"][value="'+array_value[i]+'"]')?.checked) { for(var j=0; j<array_array_selector[i].length; j++) { document.querySelector(array_array_selector[i][j]).style.display = 'block'; } } else { for(var j=0; j<array_array_selector[i].length; j++) { document.querySelector(array_array_selector[i][j]).style.display = 'none'; } } } } </script> <script type="text/javascript"> function updatedCardChecked(checkbox) { if(checkbox.checked) { checkbox.parentElement.parentElement.classList.add('checked'); } else { checkbox.parentElement.parentElement.classList.remove('checked'); } } function initCheckboxes() { var checkboxCards = document.querySelectorAll('.card-body'); for(var i=0; i<checkboxCards.length; i++) { checkboxCards[i].addEventListener('click', function(e) { var checkbox = e.currentTarget.querySelector('input[type=checkbox]'); checkbox.checked = !checkbox.checked; updatedCardChecked(checkbox); }); } var checkboxes = document.querySelectorAll('.card-body input[type=checkbox]'); for(var i=0; i<checkboxes.length; i++) { checkboxes[i].addEventListener('click', function(evt) { evt.stopPropagation(); updatedCardChecked(evt.currentTarget); }); var label = checkboxes[i].parentElement.parentElement.querySelector('label[for="' + checkboxes[i].id + '"]'); label.addEventListener('click', function(evt) { evt.stopPropagation(); }); } } window.addEventListener('DOMContentLoaded', initCheckboxes); </script> </head> <body onload="init();"> <div id="cookies-eu-banner" style="display: none;z-index:1020" data-wait-remove="250"> <p>Ce site utilise des cookies permettant de visualiser des contenus et d’améliorer son fonctionnement grâce aux statistiques de navigation. Si vous cliquez sur "accepter", des cookies seront déposés sur votre terminal lors de votre navigation. Si vous cliquez sur "refuser", ces cookies ne seront pas déposés. Votre choix est conservé pendant 6 mois. Vous pouvez modifier vos préférences à tout moment.</p> <a href="mentions-legales.html" id="cookies-eu-more" aria-label="En savoir plus sur le dépôt de cookies">En savoir plus</a> <button id="cookies-eu-reject" aria-label="Refuser le dépôt de cookies">Refuser</button> <button id="cookies-eu-accept" aria-label="Accepter les cookies">Accepter</button> </div> <a class="evitement" href="#contenu">Aller au contenu</a> <header role="banner"> <div class="navbar navbar-expand-lg navbar-light bg-white""> <div class="container-fluid"> <a class="navbar-brand" href="https://www.defenseurdesdroits.fr/"> <img class="ddd-logo" alt="Défenseur des droits – République française" src="/formulaire_saisine/img/home-header-logo_0.png?version=85a18cd7e123520c5eb1ed4f310bf2f8e19da42c0d3b122c37b93759cb48ce21"> </a> <noscript> <div class="alert alert-danger d-flex align-items-center" role="alert"> <span class="debug">Attention votre navigateur ne semble pas prendre en charge JavaScript, le formulaire ne pourra donc pas fonctionner correctement</span> </div> </noscript> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false" title="Menu"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarTogglerDemo02"> <ul class="navbar-nav ms-auto mb-2 mb-lg-0"> <li class="nav-item d-flex align-items-center"> <button type="button" class="nav-link" href="#" data-bs-toggle="offcanvas" data-bs-target="#offcanvasHelp" aria-haspopup="dialog" data-help="ddd_aide_et_contact" aria-controls="offcanvasHelp" aria-haspopup="dialog"><img class="me-2" alt="" src="/formulaire_saisine/img/icone-aide.svg?version=eb748f5c7996fefd7fb8255a516322fd1fcbb3a8ea0a8a7bb0cecbe50dfc5803">Aide et contact</a> </li> <li class="nav-item d-flex align-items-center"> <a class="nav-link" href="https://formulaire.defenseurdesdroits.fr/formulaire_saisine/accessibilite"><img class="me-2" alt="" src="/formulaire_saisine/img/icone-oeil.svg?version=1a58089c077ff479c336a90a90c65a6e41c953f93ca233c554fa2e4253d331da">Accessibilité : partiellement conforme (96%)</a> </li> <li class="nav-item d-flex align-items-center"> <a class="nav-link" href="?locale=en_GB" aria-label="English version" lang="en"><img class="me-2" alt="" src="/formulaire_saisine/img/icone-langue.svg?version=462ded3764af53ac64400b5dc34896a5e76bdf1cb8edd5fa2b6421fc0dee9b9d">English</a> </li> <li class="nav-item d-flex align-items-center"> <a class="nav-link" href="#" id="cookies-eu-banner-status"> <img class="me-2" alt="" src="/formulaire_saisine/img/icon-cookie.svg?version=df72de629c78855a3fd0c2ee6c4ee5318ae3c4cc0104a220e883dd5a8357d7d0" > <span id="cookies-eu-banner-status-text"></span> </a> </li> <li class="nav-item bouton_quitter"> <button class="btn btn-outline-primary w-sm-100" data-bs-toggle="modal" data-bs-target="#quitterModal">Quitter</button> </li> </ul> </div> </div> </nav>  <div class="modal fade" id="quitterModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="btn btn-link" data-bs-dismiss="modal">Fermer</button> <h1 class="modal-title fs-2" id="exampleModalLabel">Vous vous apprêtez à quitter définitivement le formulaire</h1> </div> <div class="modal-body"> <div class="alert alert-danger d-flex align-items-center" role="alert"> <img class="me-2" alt="" src="/formulaire_saisine/img/icone-attention.svg?version=7648da60a748a904812dff7f6b5da08ed43badd772f861f5c2d9619710b4a061"> <div> <p><span class="fw-bold ">Important</span> : En quittant le formulaire vous perdez l’ensemble des informations que vous avez renseignées.</p> </div> </div> <h2 class=" fs-3">Besoin d’aide ?</h2> <div class="alert alert-light d-flex align-items-center"> <img class="me-2" alt="" src="/formulaire_saisine/img/icone-infos2.svg?version=60a85e3ca6a72c5cbf4b74f370cfa1e5ac4baa7c5d6242438607a5a99bcd46c0"> <div> <p>Appeler le : 09 69 39 00 00.</p> </div> </div> <h2 class=" fs-3">Vous souhaitez saisir le Défenseur des droits autrement ?</h2> <div class="fs-4"> <p class="mb-0">Vous pouvez rencontrer un délégué du Défenseur des droits proche de chez vous</p> <p>Vous pouvez aussi saisir le Défenseur des droits en envoyant gratuitement un courrier</p> </div> </div> <div class="modal-footer"> <form class="d-flex" action="/formulaire_saisine/quitter" method="get"> <button type="submit" class="btn btn-outline-primary" value="quitter">Quitter le formulaire</button> </form> <button type="button" class="btn btn-primary" data-bs-dismiss="modal">Revenir au formulaire</button> </div> </div> </div> </div> </header> <form name="goto_form" action="https://formulaire.defenseurdesdroits.fr/formulaire_saisine/" method="POST" aria-hidden="true"> <input type="hidden" name="token" value="303013e0a59bd28b525a3047.N_5wLGw4L2fi9QQP8MfYBGG4n8Wla2dzPHU9SyCu_YE.Ra9Ge1UOeB-xg1diiquXby7B-o_HGThCTAdeM039u8tuyDp6Fn9JVtqZcw" /> <input type="hidden" name="action" value="goto"/> <input type="hidden" name="etape_parcours"/> <input type="hidden" name="formulaire"/> <input type="hidden" name="champ"/> </form> <main role="main" id="contenu"> <div class="container"> <div class="ddd-verifier-ddd-peut-aider"> <h1 class="fs-3">Est-ce que le Défenseur des droits peut vous aider ?</h1> <a href="https://orientation.defenseurdesdroits.fr/" target="_blank" class="btn btn-outline-primary">Faites le test en 3 minutes</a> </div> <form method="POST"> <input type="hidden" name="token" value="0bb8d51cad.iRWWu0o2oLJDVNz5aNnJFo01OebNw_UbV0DW1J2N0fk.-0Sg7HMA98oQIo-UErWGfcJMXKyvsaoqJzK1rPDel7PQI9ztMHHGg3s4qw" /> <fieldset> <legend><h1 class="fs-2 mb-0">Pourquoi souhaitez-vous faire une demande au Défenseur des droits ?</h1></legend> <p class="fs-4">Votre demande peut concerner une ou plusieurs missions du Défenseur des droits<span class="text-secondary ms-2">(Minimum un choix obligatoire)</span></p> <div class="row"> <div class="col-12"> </div> </div> <input type="text" name="ddd_choix_motifs_saisine[]" value="" hidden /> <ul class="ddd-card"> <li class="card me-4 mb-4" style="width: 202px;"> <div class="card-body "> <div class="card-title"> <img class="ddd-logo" alt="" src="/formulaire_saisine/img/icone-SP.svg?version=7b5003add5c8685434ab075fe85a12b15f584a2af8f25e4eccea83332075ba07"> <input type="checkbox" name="ddd_choix_motifs_saisine[]" id="ddd_choix_motifs_saisine_services_publics" value="UN PROBLEME AVEC UNE ADMINISTRATION OU UN SERVICE PUBLIC" /> </div> <label class="card-text" for="ddd_choix_motifs_saisine_services_publics">J’ai un problème avec une administration ou un service public</label> </div> <div class="card-footer"> <button type="button" class="btn btn-link" data-bs-toggle="offcanvas" data-bs-target="#offcanvasHelp" aria-haspopup="dialog" data-help="ddd_choix_motifs_saisine_services_publics" aria-controls="offcanvasHelp"><img class="me-2" alt="" src="/formulaire_saisine/img/icone-exemples.svg?version=1753408312f7ba4eccfba6bb6726333f3ea12b25a471c58daaf6c62bbef415e3">Exemples</button> </div> </li> <li class="card me-4 mb-4" style="width: 202px;"> <div class="card-body "> <div class="card-title"> <img class="ddd-logo" alt="" src="/formulaire_saisine/img/icone-ado.svg?version=a9a48c616b85d17be26bc7bdd15053008f7cb8f5d1b3a3e9a69435330bcb24cf"> <input type="checkbox" name="ddd_choix_motifs_saisine[]" id="ddd_choix_motifs_saisine_enfant_ou_ado" value="LA SITUATION D UN ENFANT" /> </div> <label class="card-text" for="ddd_choix_motifs_saisine_enfant_ou_ado">J’ai un problème concernant mes droits d’enfants ou les droits d’un enfant</label> </div> <div class="card-footer"> <button type="button" class="btn btn-link" data-bs-toggle="offcanvas" data-bs-target="#offcanvasHelp" aria-haspopup="dialog" data-help="ddd_choix_motifs_saisine_enfant_ou_ado" aria-controls="offcanvasHelp"><img class="me-2" alt="" src="/formulaire_saisine/img/icone-exemples.svg?version=1753408312f7ba4eccfba6bb6726333f3ea12b25a471c58daaf6c62bbef415e3">Exemples</button> </div> </li> <li class="card me-4 mb-4" style="width: 202px;"> <div class="card-body "> <div class="card-title"> <img class="ddd-logo" alt="" src="/formulaire_saisine/img/icone-dicrimination.svg?version=0bfae91b1e7ad71d2cd778f72c4ecc973acfec53f0a9c49d857510a3ebccb261"> <input type="checkbox" name="ddd_choix_motifs_saisine[]" id="ddd_choix_motifs_saisine_discrimination" value="UNE DISCRIMINATION DONT VOUS ESTIMEZ ETRE VICTIME" /> </div> <label class="card-text" for="ddd_choix_motifs_saisine_discrimination">Je suis victime de discrimination</label> </div> <div class="card-footer"> <button type="button" class="btn btn-link" data-bs-toggle="offcanvas" data-bs-target="#offcanvasHelp" aria-haspopup="dialog" data-help="ddd_choix_motifs_saisine_discrimination" aria-controls="offcanvasHelp"><img class="me-2" alt="" src="/formulaire_saisine/img/icone-exemples.svg?version=1753408312f7ba4eccfba6bb6726333f3ea12b25a471c58daaf6c62bbef415e3">Exemples</button> </div> </li> <li class="card me-4 mb-4" style="width: 202px;"> <div class="card-body "> <div class="card-title"> <img class="ddd-logo" alt="" src="/formulaire_saisine/img/icone-prosecu.svg?version=1f466c906d79f70946d325e979dae878e279537b244a293eb887219f683b22b5"> <input type="checkbox" name="ddd_choix_motifs_saisine[]" id="ddd_choix_motifs_saisine_pro_securite" value="UNE ATTEINTE D UN SERVICE DE SECURITE A LA DEONTOLOGIE" /> </div> <label class="card-text" for="ddd_choix_motifs_saisine_pro_securite">Je suis victime ou témoin de faits commis par un professionnel de la sécurité</label> </div> <div class="card-footer"> <button type="button" class="btn btn-link" data-bs-toggle="offcanvas" data-bs-target="#offcanvasHelp" aria-haspopup="dialog" data-help="ddd_choix_motifs_saisine_pro_securite" aria-controls="offcanvasHelp"><img class="me-2" alt="" src="/formulaire_saisine/img/icone-exemples.svg?version=1753408312f7ba4eccfba6bb6726333f3ea12b25a471c58daaf6c62bbef415e3">Exemples</button> </div> </li> <li class="card me-4 mb-4" style="width: 202px;"> <div class="card-body "> <div class="card-title"> <img class="ddd-logo" alt="" src="/formulaire_saisine/img/icone-lanceur dalerte.svg?version=7d2eab369d6f25421e00e2b856373a6e7c7cfe7bdd964964d13ec16ca65e93c6"> <input type="checkbox" name="ddd_choix_motifs_saisine[]" id="ddd_choix_motifs_saisine_lanceur_alerte" value="UN LANCEUR D'ALERTE" /> </div> <label class="card-text" for="ddd_choix_motifs_saisine_lanceur_alerte">Je suis lanceur d’alerte</label> </div> <div class="card-footer"> <button type="button" class="btn btn-link" data-bs-toggle="offcanvas" data-bs-target="#offcanvasHelp" aria-haspopup="dialog" data-help="ddd_choix_motifs_saisine_lanceur_alerte" aria-controls="offcanvasHelp"><img class="me-2" alt="" src="/formulaire_saisine/img/icone-exemples.svg?version=1753408312f7ba4eccfba6bb6726333f3ea12b25a471c58daaf6c62bbef415e3">Exemples</button> </div> </li> </ul> </fieldset> <div class="row"> <div class="col-md-12"> <div class="etapes-nav d-flex"> <button class="btn btn-primary" type="submit" name="action" value="forward">Suivant</button> </div> <div> </div> </form> </div> </main>  <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasHelp" aria-labelledby="titre-panneau" aria-hidden="true"> <div class="offcanvas-header"> <button type="button" class="btn btn-link" data-bs-dismiss="offcanvas">Fermer</button> </div> <div class="offcanvas-body"> <div class="offcanvasHelpText">  </div> </div> </div> </body> </html>

CINXE.COM

Choix du/des motif(s) | Formulaire de demande | Défenseur des droits