PageSourceSearch

https://monbilansportsante.fr/resultats

html monbilansportsante.fr collected 2026-10-06 20:37:06 UTC 98,775 bytes, 4,200 lines download raw bytes

1<!DOCTYPE html>
2<html lang="fr-fr" dir="ltr">
3    <head>
4        <meta charset="utf-8">
5	<meta name="rights" content="SereniTeam SAS - (c) ">
6	<meta name="viewport" content="width=device-width, initial-scale=1">
7	<meta name="description" content="Monbilansportsanté est le 1er outil d'aide à la prescription et au suivi de l'activité physique.  ">
8	<meta name="generator" content="Joomla! - Open Source Content Management">
9	<title>Monbilansportsanté - resultats</title>
10	<link href="/images/mbss/logos/ins-mbss-rvb.png" rel="icon" sizes="any">
11	<link href="/images/mbss/logos/ins-mbss-rvb.png#2" rel="apple-touch-icon">
12
13        <link href="/media/tooltips/css/style.min.css?9c2941" rel="stylesheet">
14	<link href="/media/tooltips/css/theme-light.min.css?9c2941" rel="stylesheet">
15	<link href="/plugins/system/gdpr/assets/css/jquery.fancybox.min.css?9c2941" rel="stylesheet">
16	<link href="/media/vendor/joomla-custom-elements/css/joomla-alert.min.css?0.4.1" rel="stylesheet">
17	<link href="/plugins/system/gdpr/assets/css/cookieconsent.min.css?9c2941" rel="stylesheet">
18	<link href="/media/system/css/joomla-fontawesome.min.css?5.0.50" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'">
19	<link href="/templates/yootheme/css/theme.19.css?1791301296" rel="stylesheet">
20	<link href="/media/com_rsform/css/front.min.css?9c2941" rel="stylesheet">
21	<link href="/media/plg_system_jcepro/site/css/content.min.css?86aa0286b6232c4a5b58f892ce080277" rel="stylesheet">
22	<style>div.cc-window.cc-floating{max-width:24em}@media(max-width: 639px){div.cc-window.cc-floating:not(.cc-center){max-width: none}}div.cc-window, span.cc-cookie-settings-toggler, span.cc-cookie-domains-toggler{font-size:14px}div.cc-revoke{font-size:14px}div.cc-settings-label,span.cc-cookie-settings-toggle{font-size:12px}div.cc-window.cc-banner{padding:1em 1.8em}div.cc-window.cc-floating{padding:2em 1.8em}input.cc-cookie-checkbox+span:before, input.cc-cookie-checkbox+span:after{border-radius:1px}div.cc-center,div.cc-floating,div.cc-checkbox-container,div.gdpr-fancybox-container div.fancybox-content,ul.cc-cookie-category-list li,fieldset.cc-service-list-title legend{border-radius:0px}div.cc-window a.cc-btn,span.cc-cookie-settings-toggle{border-radius:0px}</style>
23
24        
24<script src="/media/vendor/jquery/js/jquery.min.js?3.7.1"></script>
24
25	
25<script type="application/json" class="joomla-script-options new">{"rl_tooltips":{"theme":"light","position":"top","effect":"fade","mode":"hover","closeDelayClickMode":"5000"},"joomla.jtext":{"ERROR":"Erreur","MESSAGE":"Message","NOTICE":"Annonce","WARNING":"Alerte","SUCCESS":"Success","JCLOSE":"Fermer","JOK":"OK","JOPEN":"Ouvrir"},"system.paths":{"root":"","rootFull":"https:\/\/monbilansportsante.fr\/","base":"","baseFull":"https:\/\/monbilansportsante.fr\/"},"csrf.token":"2103d45fabcda129d566b2a018057332","system.keepalive":{"interval":2640000,"uri":"\/component\/ajax\/?format=json"}}</script>
25
26	
26<script src="/media/system/js/core.min.js?a3d8f8"></script>
26
27	
27<script src="/media/system/js/keepalive.min.js?08e025" type="module"></script>
27
28	
28<script src="/media/tooltips/js/script.min.js?9c2941" type="module"></script>
28
29	
29<script src="/plugins/system/gdpr/assets/js/user.js?9c2941" defer></script>
29
30	
30<script src="/plugins/system/gdpr/assets/js/jquery.fancybox.min.js?9c2941" defer></script>
30
31	
31<script src="/media/system/js/messages.min.js?9a4811" type="module"></script>
31
32	
32<script src="/plugins/system/gdpr/assets/js/cookieconsent.min.js?9c2941" defer></script>
32
33	
33<script src="/plugins/system/gdpr/assets/js/init.js?9c2941" defer></script>
33
34	
34<script src="/media/legacy/js/jquery-noconflict.min.js?504da4"></script>
34
35	
35<script src="/templates/yootheme/vendor/assets/uikit/dist/js/uikit.min.js?5.0.50"></script>
35
36	
36<script src="/templates/yootheme/vendor/assets/uikit/dist/js/uikit-icons-flow.min.js?5.0.50"></script>
36
37	
37<script src="/templates/yootheme/assets/site/js/theme.js?5.0.50"></script>
37
38	
38<script src="/media/com_rsform/js/script.min.js?9c2941"></script>
38
39	
39<script src="/media/plg_system_rsfprecaptchav3/js/script.js?9c2941"></script>
vendor: 62 bytes, lines 39-40
39
40	<script src="https://www.google.com/recaptcha/api.js?render=
406LcJkugjAAAAABMVynPd_I3F39tD0SgzweS2su8U
vendor: 13 bytes, lines 40-41
40"></script>
41	
41<script>				var COM_GDPR_DELETE_PROFILE = 'Supprimer le profil'; 				var COM_GDPR_EXPORT_CSV_PROFILE = 'Exporter le profil au format CSV'; 				var COM_GDPR_EXPORT_XLS_PROFILE = 'Exporter le profil au format XLS'; 				var COM_GDPR_DELETE_PROFILE_REQUEST = 'Request to delete profile'; 				var COM_GDPR_EXPORT_PROFILE_REQUEST = 'Request to export profile data'; 				var COM_GDPR_PRIVACY_POLICY_REQUIRED = 'Obligatoire'; 				var COM_GDPR_DELETE_PROFILE_CONFIRMATION = 'Confirmez-vous la suppression de ce profil ?'; 				var COM_GDPR_PRIVACY_POLICY_ACCEPT = 'J\'accepte'; 				var COM_GDPR_PRIVACY_POLICY_NOACCEPT = 'Je n\'accepte pas, je refuse.'; </script>
41
42	
42<script>var gdpr_livesite='https://monbilansportsante.fr/';var gdprCurrentOption = 'com_rsform';var gdprCurrentView = 'rsform';var gdprCurrentTask = '';var gdprCurrentLayout = '';var gdprCurrentUserId = 0;var gdprDebugMode = 0;var gdprDeleteButton = 0;var gdprExportButton = 0;var gdprPrivacyPolicyCheckbox = 0;var gdprPrivacyPolicyCheckboxLinkText = 'Conditions Générales';var gdprPrivacyPolicyCheckboxLink = '/index.php/administration/conditions-juridiques';var gdprPrivacyPolicyCheckboxLinkTitle = 'Veuillez prendre connaissance de nos conditions juridiques';var gdprPrivacyPolicyCheckboxOrder = 'right';var gdprRemoveAttributes = 0;var gdprForceSubmitButton = 0;var gdprRemoveSubmitButtonEvents = 1;var gdprPrivacyPolicyContainerTemplate = '{field}';var gdprPrivacyPolicyLabelTemplate = '{label}';var gdprPrivacyPolicyCheckboxTemplate = '{checkbox}';var gdprPrivacyPolicyControl = 1;var gdprFormSubmissionMethod = 'button';var gdprFormActionWorkingmode = 'base';var gdprCustomSubmissionMethodSelector = 'input[type=submit],button[type=submit],button[type=button]';var gdprConsentLogsFormfields = 'name,email,subject,message';var gdprConsentRegistryTrackPreviousConsent = 1;var gdprCustomAppendMethod = 0;var gdprCustomAppendMethodSelector = 'input[type=submit],button[type=submit]';var gdprCustomAppendMethodTargetElement = 'parent';var gdprCheckboxControlsClass = 0;var gdprCheckboxControlsClassList = 'required';var gdprPrivacyPolicyCheckboxConsentDate = 0;var gdprUserprofileButtonsWorkingmode = 0;</script>
42
43	
43<script>var gdprCustomComponentsViewFormCheckboxSelector = '#cbcheckedadminForm,#userForm';</script>
43
44	
44<script>var gdprCustomComponentsViewUserprofileButtonsSelector = '#cbcheckedadminForm,#kuserform';</script>
44
45	
45<script>var gdprDisallowPrivacyPolicy = 0;var gdprDisallowDeleteProfile = 0;var gdprDisallowExportProfile = 0;</script>
45
46	
46<script>var gdprUseFancyboxCheckbox=1;var gdprFancyboxCheckboxWidth=700;var gdprFancyboxCheckboxHeight=800;var gdprCheckboxCloseText='Fermer';</script>
46
47	
47<script>var gdpr_ajaxendpoint_checkbox_policy='https://monbilansportsante.fr/index.php?option=com_gdpr&task=user.getCheckboxPolicy&tmpl=component';</script>
47
48	
48<script>var gdprConfigurationOptions = { complianceType: 'opt-in',
49																			  cookieConsentLifetime: 365,
50																			  cookieConsentSamesitePolicy: '',
51																			  cookieConsentSecure: 0,
52																			  cookieJoomlaSettings: 0,
53																			  cookieConsentDomain: '',
54																			  cookieConsentPath: '/',
55																			  disableFirstReload: 0,
56																	  		  blockJoomlaSessionCookie: 1,
57																			  blockExternalCookiesDomains: 0,
58																			  externalAdvancedBlockingModeCustomAttribute: '',
59																			  allowedCookies: '',
60																			  blockCookieDefine: 0,
61																			  autoAcceptOnNextPage: 1,
62																			  revokable: 1,
63																			  lawByCountry: 0,
64																			  checkboxLawByCountry: 0,
65																			  blockPrivacyPolicy: 0,
66																			  cacheGeolocationCountry: 0,
67																			  countryAcceptReloadTimeout: 1000,
68																			  usaCCPARegions: null,
69																			  countryEnableReload: 1,
70																			  customHasLawCountries: [""],
71																			  dismissOnScroll: 0,
72																			  dismissOnTimeout: 0,
73																			  containerSelector: 'body',
74																			  hideOnMobileDevices: 0,
75																			  autoFloatingOnMobile: 1,
76																			  autoFloatingOnMobileThreshold: 1024,
77																			  autoRedirectOnDecline: 0,
78																			  autoRedirectOnDeclineLink: '',
79																			  showReloadMsg: 0,
80																			  showReloadMsgText: 'Applying preferences and reloading the page...',
81																			  showConsentID: 0,
82																			  defaultClosedToolbar: 0,
83																			  toolbarLayout: 'basic',
84																			  toolbarTheme: 'edgeless',
85																			  toolbarButtonsTheme: 'decline_first',
86																			  revocableToolbarTheme: 'basic',
87																			  toolbarPosition: 'bottom-left',
88																			  toolbarCenterTheme: 'compact',
89																			  revokePosition: 'revoke-top',
90																			  toolbarPositionmentType: 0,
91																			  positionCenterSimpleBackdrop: 0,
92																			  positionCenterBlurEffect: 1,
93																			  positionCenterBlurEffectAlwaysFirstVisit: 0,
94																			  preventPageScrolling: 0,
95																			  popupEffect: 'fade',
96																			  popupBackground: '#3a5173',
97																			  popupText: '#ffffff',
98																			  popupLink: '#ffffff',
99																			  buttonBackground: '#ffffff',
100																			  buttonBorder: '#ffffff',
101																			  buttonText: '#a2c617',
102																			  highlightOpacity: '100',
103																			  highlightBackground: '#ffffff',
104																			  highlightBorder: '#ffffff',
105																			  highlightText: '#fa0d0d',
106																			  highlightDismissBackground: '#333333',
107																		  	  highlightDismissBorder: '#ffffff',
108																		 	  highlightDismissText: '#ffffff',
109																			  autocenterRevokableButton: 0,
110																			  hideRevokableButton: 1,
111																			  hideRevokableButtonOnscroll: 1,
112																			  customRevokableButton: 0,
113																			  customRevokableButtonAction: 0,
114																			  headerText: '<p>COOKIES</p>',
115																			  messageText: 'Acceptez l\'usage des cookies ?',
116																			  denyMessageEnabled: 1, 
117																			  denyMessage: 'COOKIES REFUSÉS Votre navigation peut être limitée',
118																			  placeholderBlockedResources: 0, 
119																			  placeholderBlockedResourcesAction: '',
120																	  		  placeholderBlockedResourcesText: 'Veuillez accepter les COOKIES avant de poursuivre votre navigation',
121																			  placeholderIndividualBlockedResourcesText: 'Vous devez accepter les COOKIES de {domain} et recharger la page pour accéder à son contenu.',
122																			  placeholderIndividualBlockedResourcesAction: 0,
123																			  placeholderOnpageUnlock: 0,
124																			  scriptsOnpageUnlock: 0,
125																			  autoDetectYoutubePoster: 0,
126																			  autoDetectYoutubePosterApikey: 'AIzaSyAV_WIyYrUkFV1H8OKFYG8wIK8wVH9c82U',
127																			  dismissText: 'ANNULATION',
128																			  allowText: 'ACCORD',
129																			  denyText: 'REFUS',
130																			  cookiePolicyLinkText: 'DÉTAILS',
131																			  cookiePolicyLink: 'javascript:void(0)',
132																			  cookiePolicyRevocableTabText: 'RGPD INFO',
133																			  cookiePolicyRevocableTabIcon: 'text',
134																			  cookiePolicyRevocableTabIconCustom: '',
135																			  privacyPolicyLinkText: 'CONFIDENTIALITÉ',
136																			  privacyPolicyLink: '/index.php/administration/conditions-juridiques',
137																			  googleCMPTemplate: 0,
138																			  enableGdprBulkConsent: 0,
139																			  displayBulkConsentDomains: 0,
140																			  bulkConsentDomains: [""],
141																			  enableCustomScriptExecGeneric: 0,
142																			  customScriptExecGeneric: '',
143																			  categoriesCheckboxTemplate: 'cc-checkboxes-light',
144																			  toggleCookieSettings: 0,
145																			  toggleCookieSettingsLinkedView: 0,
146																			  toggleCookieSettingsButtonsArea: 0,
147 																			  toggleCookieSettingsLinkedViewSefLink: '/component/gdpr/',
148																	  		  toggleCookieSettingsText: '<span class="cc-cookie-settings-toggle" role="button" tabindex="0">Réglage  <span class="cc-cookie-settings-toggler">&#x25EE</span></span>',
149																			  toggleCookieSettingsButtonBackground: '#333333',
150																			  toggleCookieSettingsButtonBorder: '#ffffff',
151																			  toggleCookieSettingsButtonText: '#ffffff',
152																			  showLinks: 1,
153																			  blankLinks: '_blank',
154																			  autoOpenPrivacyPolicy: 0,
155																			  openAlwaysDeclined: 1,
156																			  cookieSettingsLabel: 'Réglage des COOKIES',
157															  				  cookieSettingsDesc: 'Vous pouvez gérer les COOKIES en les cochant selon leur nature',
158																			  cookieCategory1Enable: 0,
159																			  cookieCategory1Name: 'Necessary',
160																			  cookieCategory1Locked: 0,
161																			  cookieCategory2Enable: 0,
162																			  cookieCategory2Name: 'Preferences',
163																			  cookieCategory2Locked: 0,
164																			  cookieCategory3Enable: 0,
165																			  cookieCategory3Name: 'Statistics',
166																			  cookieCategory3Locked: 0,
167																			  cookieCategory4Enable: 0,
168																			  cookieCategory4Name: 'Marketing',
169																			  cookieCategory4Locked: 0,
170																			  cookieCategoriesDescriptions: {},
171																			  alwaysReloadAfterCategoriesChange: 0,
172																			  preserveLockedCategories: 0,
173																			  declineButtonBehavior: 'hard',
174																			  honorGpc: 0,
175																			  blockCheckedCategoriesByDefault: 0,
176																			  reloadOnfirstDeclineall: 0,
177																			  trackExistingCheckboxSelectors: '',
178															  		  		  trackExistingCheckboxConsentLogsFormfields: 'name,email,subject,message',
179																			  allowallShowbutton: 0,
180																			  allowallText: 'Allow all cookies',
181																			  allowallButtonBackground: '#ffffff',
182																			  allowallButtonBorder: '#ffffff',
183																			  allowallButtonText: '#000000',
184																			  allowallButtonTimingAjax: 'fast',
185																			  includeAcceptButton: 0,
186																			  includeDenyButton: 0,
187																			  trackConsentDate: 0,
188																			  execCustomScriptsOnce: 1,
189																			  optoutIndividualResources: 0,
190																			  blockIndividualResourcesServerside: 0,
191																			  disableSwitchersOptoutCategory: 0,
192																			  autoAcceptCategories: 0,
193																			  allowallIndividualResources: 1,
194																			  blockLocalStorage: 0,
195																			  blockSessionStorage: 0,
196																			  externalAdvancedBlockingModeTags: 'iframe,script,img,source,link',
197																			  enableCustomScriptExecCategory1: 0,
198																			  customScriptExecCategory1: '',
199																			  enableCustomScriptExecCategory2: 0,
200																			  customScriptExecCategory2: '',
201																			  enableCustomScriptExecCategory3: 0,
202																			  customScriptExecCategory3: '',
203																			  enableCustomScriptExecCategory4: 0,
204																			  customScriptExecCategory4: '',
205																			  enableCustomDeclineScriptExecCategory1: 0,
206																			  customScriptDeclineExecCategory1: '',
207																			  enableCustomDeclineScriptExecCategory2: 0,
208																			  customScriptDeclineExecCategory2: '',
209																			  enableCustomDeclineScriptExecCategory3: 0,
210																			  customScriptDeclineExecCategory3: '',
211																			  enableCustomDeclineScriptExecCategory4: 0,
212																			  customScriptDeclineExecCategory4: '',
213																			  enableCMPPreferences: 0,
214																			  enableGTMEventsPreferences: 0,
215																			  enableCMPStatistics: 0,
216																			  enableGTMEventsStatistics: 0,
217																			  enableCMPAds: 0,
218																			  enableUETAds: 0,
219																			  enableGTMEventsAds: 0,
220																			  enableClarityAnalytics: 0,
221                                                                              enableClarityAds: 0,
222																			  fancyboxAlwaysBody: 0,
223																			  debugMode: 0
224																		};var gdpr_ajax_livesite='https://monbilansportsante.fr/';var gdpr_enable_log_cookie_consent=1;</script>
224
225	
225<script>var gdprFancyboxWidth=700;var gdprFancyboxHeight=800;var gdprCloseText='Fermer';</script>
225
226	
226<script>var gdprUseFancyboxLinks=1;</script>
226
227	
227<script>var gdpr_ajaxendpoint_cookie_policy='https://monbilansportsante.fr/index.php?option=com_gdpr&task=user.getCookiePolicy&tmpl=component';</script>
227
228	
228<script>var gdpr_ajaxendpoint_privacy_policy='https://monbilansportsante.fr/index.php?option=com_gdpr&task=user.getPrivacyPolicy&tmpl=component';</script>
228
229	
229<script>window.yootheme ||= {}; yootheme.theme = {"i18n":{"close":{"label":"Fermer"},"totop":{"label":"Retour en haut"},"marker":{"label":"Ouvrir"},"navbarToggleIcon":{"label":"Ouvrir le Menu"},"paginationPrevious":{"label":"Page pr\u00e9c\u00e9dente"},"paginationNext":{"label":"Page suivante"},"searchIcon":{"toggle":"Ouvrir la recherche","submit":"Soumettre la recherche"},"slider":{"next":"Diapo suivante","previous":"Diapo pr\u00e9c\u00e9dente","slideX":"Diapositive %s","slideLabel":"%s sur %s"},"slideshow":{"next":"Diapo suivante","previous":"Diapo pr\u00e9c\u00e9dente","slideX":"Diapositive %s","slideLabel":"%s sur %s"},"lightboxPanel":{"next":"Diapo suivante","previous":"Diapo pr\u00e9c\u00e9dente","slideLabel":"%s sur %s","close":"Fermer"}}};</script>
229
230	
230<script>RSFormPro.scrollToError = true;</script>
230
231	
231<script>RSFormPro.disableInvalidDates();</script>
231
232	
232<script>RSFormProReCAPTCHAv3.add("6LcJkugjAAAAABMVynPd_I3F39tD0SgzweS2su8U", "contactform", 176);RSFormProUtils.addEvent(window, 'load', function() {RSFormProUtils.addEvent(RSFormPro.getForm(176), 'submit', function(evt){ evt.preventDefault(); 
233	RSFormPro.submitForm(RSFormPro.getForm(176)); });RSFormPro.addFormEvent(176, function(){ RSFormProReCAPTCHAv3.execute(176); });});</script>
233
234	
234<script>RSFormProUtils.addEvent(window, 'load', function(){
235	RSFormPro.setHTML5Validation('176', false, {"parent":"","field":"uk-form-danger"}, 0);  
236});</script>
236
237	
237<script type="text/javascript" src="/sportsante/modalmbss.js?d=180326"></script>
vendor: 2 bytes, line 237
237
238<script>
239document.addEventListener('DOMContentLoaded', () => {
240  const ticketInput = document.querySelector('[name="form[CleQ3]"]');
241  const yearInput = document.getElementById('info-datey');
242  const monthInput = document.getElementById('info-datem');
243  const dayInput = document.getElementById('info-dated');
244
245   // Champs genre
246  const genreInput =
247    document.getElementById('info_genre');
248
249  // Blocs RSForm à afficher/masquer
250  const fieldH = document.querySelector('.rsform-block-eva-sou-valh');
251  const fieldF = document.querySelector('.rsform-block-eva-sou-valf');
252
253  function updateGenreFields() {
254    if (!fieldH || !fieldF) {
255      return;
256    }
257
258    const genre = genreInput ? String(genreInput.value).trim() : '';
259
260    if (genre === '0') {
261      fieldF.style.display = 'none';
262      fieldH.style.display = '';
263    } else if (genre === '1') {
264      fieldF.style.display = '';
265      fieldH.style.display = 'none';
266    }
267  }
268
269  // Exécution initiale
270  updateGenreFields();
271
272  if (!ticketInput || !yearInput || !monthInput || !dayInput) {
273    return;
274  }
275
276  const validatedInputs = [ticketInput, yearInput, monthInput, dayInput];
277
278  function pad(value) {
279    return String(value).padStart(2, '0');
280  }
281
282  function getBirthday() {
283    const year = yearInput.value.trim();
284    const month = monthInput.value.trim();
285    const day = dayInput.value.trim();
286
287    if (!year || !month || !day) {
288      return null;
289    }
290
291    return `${year}-${pad(month)}-${pad(day)}`;
292  }
293
294  function isValidDate(dateString) {
295    const [year, month, day] = dateString.split('-').map(Number);
296    const date = new Date(year, month - 1, day);
297
298    return (
299      date.getFullYear() === year &&
300      date.getMonth() === month - 1 &&
301      date.getDate() === day
302    );
303  }
304
305  function clearInputErrors() {
306    validatedInputs.forEach((input) => {
307      input.classList.remove('uk-form-danger');
308      input.setAttribute('aria-invalid', 'false');
309
310      const formControls = input.closest('.formControls');
311      const formError = formControls ? formControls.querySelector('.formValidation .formError') : null;
312      const formNoError = formControls ? formControls.querySelector('.formValidation .formNoError') : null;
313
314      if (formError) {
315        formError.classList.remove('formError');
316        formError.classList.add('formNoError');
317      }
318
319      if (formNoError) {
320        formNoError.classList.remove('formError');
321        formNoError.classList.add('formNoError');
322      }
323    });
324  }
325
326  function setInputErrors() {
327    validatedInputs.forEach((input) => {
328      input.classList.add('uk-form-danger');
329      input.setAttribute('aria-invalid', 'true');
330
331      const formControls = input.closest('.formControls');
332      const formNoError = formControls ? formControls.querySelector('.formValidation .formNoError') : null;
333      const formError = formControls ? formControls.querySelector('.formValidation .formError') : null;
334
335      if (formNoError) {
336        formNoError.classList.remove('formNoError');
337        formNoError.classList.add('formError');
338      }
339
340      if (formError) {
341        formError.classList.remove('formNoError');
342        formError.classList.add('formError');
343      }
344    });
345  }
346
347  async function validateTicketBirthday(q3Ticket, birthday) {
348    const tokenName = Joomla.getOptions('csrf.token');
349    const paths = Joomla.getOptions('system.paths');
350    const root = paths.rootFull || paths.root || '';
351
352    const formData = new FormData();
353    formData.append('q3_ticket', q3Ticket);
354    formData.append('birthday', birthday);
355    formData.append(tokenName, '1');
356
357    const response = await fetch(
358      root + 'index.php?option=com_ajax&plugin=MonbilValidateTicketBirthday&format=json',
359      {
360        method: 'POST',
361        body: formData,
362        headers: {
363          'X-Requested-With': 'XMLHttpRequest'
364        }
365      }
366    );
367
368    const payload = await response.json();
369    const result = payload?.data?.[0] ?? false;
370
371    
372    if (genreInput) {
373      genreInput.value = result && result.info_genre ? result.info_genre : '';
374      updateGenreFields();
375    }
376
377    return result !== false;
378  }
379
380  async function runValidation() {
381    const q3Ticket = ticketInput.value.trim();
382    const birthday = getBirthday();
383
384    if (!q3Ticket || !birthday) {
385      return;
386    }
387
388    if (!isValidDate(birthday)) {
389      setInputErrors();
390      Joomla.renderMessages({
391        error: ['Votre date de naissance ne coincide pas avec la clé fournie.']
392      });
393      return;
394    }
395
396    try {
397      const isValid = await validateTicketBirthday(q3Ticket, birthday);
398
399      if (isValid) {
400        clearInputErrors();
401        Joomla.renderMessages({
402          success: ['La clé et votre date de naissance coincident. Votre saisie sera prise en considération.']
403        });
404      } else {
405        setInputErrors();
406        Joomla.renderMessages({
407          error: ['La date de naissance et la clé ne coincident pas! Veillez les vérifier et prendre la dernière clé transmise.']
408        });
409      }
410    } catch (error) {
411      setInputErrors();
412      Joomla.renderMessages({
413        error: ['Désolé, la validation a échoué. Veuillez recommencer. Merci']
414      });
415      console.error(error);
416    }
417  }
418
419  ticketInput.addEventListener('blur', runValidation);
420  yearInput.addEventListener('blur', runValidation);
421  monthInput.addEventListener('blur', runValidation);
422  dayInput.addEventListener('blur', runValidation);
423});
424</script>
424
425	<link rel="stylesheet" type="text/css" href="/sportsante/miseenformequestionnaire.css?d=180326">
426	
426<script></script>
426
427
428    </head>
429    <body class="">
430
431        <div class="uk-hidden-visually uk-notification uk-notification-top-left uk-width-auto">
432            <div class="uk-notification-message">
433                <a href="#tm-main" class="uk-link-reset">Accéder au contenu principal</a>
434            </div>
435        </div>
436
437        
438        
439        <div class="tm-page">
440
441                        
442
443
444<header class="tm-header-mobile uk-hidden@m tm-header-overlay" uk-inverse="target: .uk-navbar-container" uk-header>
445
446
447        <div uk-sticky show-on-up animation="uk-animation-slide-top" cls-active="uk-navbar-sticky" sel-target=".uk-navbar-container">
448    
449        <div class="uk-navbar-container uk-navbar-transparent uk-position-relative uk-position-z-index-high">
450
451            <div class="uk-container uk-container-expand">
452                <nav class="uk-navbar" uk-navbar="{&quot;align&quot;:&quot;left&quot;,&quot;container&quot;:&quot;.tm-header-mobile &gt; [uk-sticky]&quot;,&quot;boundary&quot;:&quot;.tm-header-mobile .uk-navbar-container&quot;}">
453
454                                        <div class="uk-navbar-left ">
455
456                                                    <a href="https://monbilansportsante.fr/" aria-label="Retour Accueil" class="uk-logo uk-navbar-item">
457    <picture><source type="image/webp" srcset="/media/yootheme/cache/7e/log-mbss-car100-rvb-7e9ef90e.webp 160w" sizes="(min-width: 80px) 80px"><img src="/media/yootheme/cache/bd/log-mbss-car100-rvb-bd695263.jpg" width="80" height="80" alt></picture></a>
458                        
459                        
460                        
461                    </div>
462                    
463                    
464                                        <div class="uk-navbar-right">
465
466                                                    
467                        
468                                                    <a uk-toggle href="#tm-dialog-mobile" class="uk-navbar-toggle" aria-controls="tm-dialog-mobile">
469
470        
471        <div uk-navbar-toggle-icon></div>
472
473        
474    </a>
475                        
476                    </div>
477                    
478                </nav>
479            </div>
480
481        </div>
482
483        </div>
484    
485
486
487
488        <div id="tm-dialog-mobile" uk-offcanvas="container: true; overlay: true" mode="reveal" flip>
489        <div class="uk-offcanvas-bar uk-flex uk-flex-column" aria-label="Menu">
490
491                        <button class="uk-offcanvas-close uk-close-large" type="button" uk-close uk-toggle="cls: uk-close-large; mode: media; media: @s"></button>
492            
493                        <div class="uk-margin-auto-bottom">
494                
495<div class="uk-panel" id="module-menu-dialog-mobile">
496
497    
498    
499<ul class="uk-nav uk-nav-default uk-nav-accordion" uk-nav="targets: &gt; .js-accordion">
500    
501	<li class="item-3832"><a href="/">HOME</a></li>
502	<li class="item-956"><a href="/preparer-mon-bilan" title="QUESTIONNAIRE PRÉALABLE">ÉTABLIR SON PROFIL</a></li>
503	<li class="item-205"><a href="/cartes" title="CARTE DES PROFESSIONNELS">TROUVER SON INTERLOCUTEUR</a></li>
504	<li class="item-4200 uk-active"><a href="/resultats" title="TÉLÉCHARGER SON DOSSIER MÉDICO-SPORTIF">VOIR SON DOSSIER</a></li>
505	<li class="item-4250"><a href="/presentation/vision">NOTRE VISION</a></li>
506	<li class="item-4323"><a href="/prescription">PRESCRIPTION / CACI</a></li>
507	<li class="item-4306"><a href="/inscription" title="Réservé aux professionnels">ESPACE PROFESSIONNEL</a></li>
508	<li class="item-3833 js-accordion uk-parent"><a href>BOITE À OUTILS <span uk-nav-parent-icon></span></a>
509	<ul class="uk-nav-sub">
510
511		<li class="item-3834"><a href="/prescription" class="menu-prescription">PRESCRIPTION &amp; CACI</a></li>
512		<li class="item-3835"><a href="/certificat-majeur">PROLONGATION CERTIFICAT</a></li>
513		<li class="item-2184"><a href="/raccourcis/seances" title="Réserver sa séance">RÉSERVATION SEANCE APA</a></li>
514		<li class="item-3836"><a href="/patient/invitation">RECOMMANDER L'USAGE</a></li>
515		<li class="item-3837"><a href="/raccourcis/recevoir-liste-des-clubs">RECEVOIR LISTE DES CLUBS</a></li>
516		<li class="item-3838"><a href="/soumettre">SOUMETTRE UN QUESTIONNAIRE</a></li>
517		<li class="item-3841"><a href="https://us06web.zoom.us/j/4883280130#success" uk-scroll>TELE-ASSISTANCE (PRO)</a></li>
518		<li class="item-3931"><a href="/raccourcis/auto-questionnaires">AUTO-QUESTIONNAIRES</a></li>
519		<li class="item-4150"><a href="/saisie-tests-physiques">AUTO-SAISIE DES TESTS </a></li>
520		<li class="item-3318"><a href="/inscription" class="textecentre">S'ENREGISTRER (PRO)</a></li>
521		<li class="item-3839"><a href="/video">MODE D'EMPLOI</a></li></ul></li></ul>
522
523</div>
524
525            </div>
526            
527            
528        </div>
529    </div>
530    
531    
532    
533
534</header>
535
536
537
538
539<header class="tm-header uk-visible@m tm-header-overlay" uk-inverse="target: .uk-navbar-container, .tm-headerbar" uk-header>
540
541
542
543    
544        <div class="uk-navbar-container uk-navbar-transparent uk-position-relative uk-position-z-index-high">
545
546            <div class="uk-container uk-container-expand">
547                <nav class="uk-navbar" uk-navbar="{&quot;align&quot;:&quot;left&quot;,&quot;container&quot;:&quot;.tm-header&quot;,&quot;boundary&quot;:&quot;.tm-header .uk-navbar-container&quot;}">
548
549                                        <div class="uk-navbar-left ">
550
551                                                    <a href="https://monbilansportsante.fr/" aria-label="Retour Accueil" class="uk-logo uk-navbar-item">
552    <picture><source type="image/webp" srcset="/media/yootheme/cache/5b/log-mbss-hor-rvb-5b536119.webp 320w, /media/yootheme/cache/5c/log-mbss-hor-rvb-5cd1f5f3.webp 640w" sizes="(min-width: 320px) 320px"><img src="/media/yootheme/cache/49/log-mbss-hor-rvb-49259d22.png" width="320" height="47" alt></picture></a>
553                        
554                        
555                        
556                    </div>
557                    
558                    
559                                        <div class="uk-navbar-right">
560
561                                                    <a uk-toggle href="#tm-dialog" aria-controls="tm-dialog" class="uk-navbar-toggle">
562
563        
564        <div uk-navbar-toggle-icon></div>
565
566                <span class="uk-margin-xsmall-left uk-text-middle">Menu</span>
567        
568    </a>
569                        
570                                                    
571                        
572                    </div>
573                    
574                </nav>
575            </div>
576
577        </div>
578
579    
580
581
582
583
584
585
586        <div id="tm-dialog" uk-offcanvas="container: true" mode="slide" flip overlay>
587        <div class="uk-offcanvas-bar uk-flex uk-flex-column" aria-label="Menu">
588
589            <button class="uk-offcanvas-close uk-close-large" type="button" uk-close uk-toggle="cls: uk-close-large; mode: media; media: @s"></button>
590
591                        <div class="uk-margin-auto-bottom tm-height-expand">
592                
593<div class="uk-panel" id="module-menu-dialog">
594
595    
596    
597<ul class="uk-nav uk-nav-default uk-nav-accordion" uk-nav="targets: &gt; .js-accordion">
598    
599	<li class="item-3832"><a href="/">HOME</a></li>
600	<li class="item-956"><a href="/preparer-mon-bilan" title="QUESTIONNAIRE PRÉALABLE">ÉTABLIR SON PROFIL</a></li>
601	<li class="item-205"><a href="/cartes" title="CARTE DES PROFESSIONNELS">TROUVER SON INTERLOCUTEUR</a></li>
602	<li class="item-4200 uk-active"><a href="/resultats" title="TÉLÉCHARGER SON DOSSIER MÉDICO-SPORTIF">VOIR SON DOSSIER</a></li>
603	<li class="item-4250"><a href="/presentation/vision">NOTRE VISION</a></li>
604	<li class="item-4323"><a href="/prescription">PRESCRIPTION / CACI</a></li>
605	<li class="item-4306"><a href="/inscription" title="Réservé aux professionnels">ESPACE PROFESSIONNEL</a></li>
606	<li class="item-3833 js-accordion uk-parent"><a href>BOITE À OUTILS <span uk-nav-parent-icon></span></a>
607	<ul class="uk-nav-sub">
608
609		<li class="item-3834"><a href="/prescription" class="menu-prescription">PRESCRIPTION &amp; CACI</a></li>
610		<li class="item-3835"><a href="/certificat-majeur">PROLONGATION CERTIFICAT</a></li>
611		<li class="item-2184"><a href="/raccourcis/seances" title="Réserver sa séance">RÉSERVATION SEANCE APA</a></li>
612		<li class="item-3836"><a href="/patient/invitation">RECOMMANDER L'USAGE</a></li>
613		<li class="item-3837"><a href="/raccourcis/recevoir-liste-des-clubs">RECEVOIR LISTE DES CLUBS</a></li>
614		<li class="item-3838"><a href="/soumettre">SOUMETTRE UN QUESTIONNAIRE</a></li>
615		<li class="item-3841"><a href="https://us06web.zoom.us/j/4883280130#success" uk-scroll>TELE-ASSISTANCE (PRO)</a></li>
616		<li class="item-3931"><a href="/raccourcis/auto-questionnaires">AUTO-QUESTIONNAIRES</a></li>
617		<li class="item-4150"><a href="/saisie-tests-physiques">AUTO-SAISIE DES TESTS </a></li>
618		<li class="item-3318"><a href="/inscription" class="textecentre">S'ENREGISTRER (PRO)</a></li>
619		<li class="item-3839"><a href="/video">MODE D'EMPLOI</a></li></ul></li></ul>
620
621</div>
622
623            </div>
624            
625            
626        </div>
627    </div>
628    
629    
630    
631
632
633</header>
634
635            
636            <div id="module-636" class="builder"><!-- Builder #module-636 -->
637<div class="uk-section-default uk-inverse-dark">
638        <div class="uk-background-norepeat uk-background-contain uk-background-top-center uk-background-fixed uk-section uk-section-large-top uk-padding-remove-bottom" data-sources="[{&quot;type&quot;:&quot;image\/webp&quot;,&quot;srcset&quot;:&quot;\/component\/ajax\/?p=cache\/20\/img_mbss_homeB-206084ae.webp&amp;src=images\/mbss\/logos-partenaires\/img_mbss_homeB.jpg&amp;thumbnail=768,270,,center,bottom&amp;type=webp,85&amp;hash=b54a7f0f 768w, \/media\/yootheme\/cache\/4d\/img_mbss_homeB-4deac912.webp 1024w, \/media\/yootheme\/cache\/4a\/img_mbss_homeB-4a96f71b.webp 1366w, \/media\/yootheme\/cache\/80\/img_mbss_homeB-802605f7.webp 1600w, \/media\/yootheme\/cache\/be\/img_mbss_homeB-beb5eb88.webp 1920w, \/media\/yootheme\/cache\/3f\/img_mbss_homeB-3f83bc78.webp 2560w&quot;,&quot;sizes&quot;:&quot;(min-width: 2560px) 2560px&quot;}]" data-src="/images/mbss/logos-partenaires/img_mbss_homeB.jpg" uk-img>    
639        
640        
641        
642            
643                                <div class="uk-container uk-container-xsmall">                
644                    
645<div class="uk-grid-margin uk-grid tm-grid-expand uk-child-width-1-1">
646    
647        
648<div class="uk-width-1-1">
649    
650        
651            
652            
653            
654                
655                    <div class="uk-visible@s"><!-- =========================================================
656     MBSS — CONSULTER SON DOSSIER MÉDICO-SPORTIF
657     VERSION GRAND ÉCRAN
658
659     - Pictogramme = retour contextuel
660     - Retour à la page MBSS précédente
661     - /patient en cas d'accès direct ou externe
662     ========================================================= -->
663
664<div class="mbss-dossier-intro-card">
665
666
667  <!-- =====================================================
668       PICTOGRAMME / RETOUR CONTEXTUEL
669       ===================================================== -->
670
671  <a href="/patient"
672     class="mbss-dossier-intro-icon mbss-dossier-intro-back"
673     aria-label="Retour à la page précédente"
674     title="Retour à la page précédente">
675
676    <img
677      src="/images/mbss/bouton/picto_print2.png"
678      alt="Consulter votre dossier médico-sportif">
679
680  </a>
681
682
683  <!-- =====================================================
684       KICKER
685       ===================================================== -->
686
687  <span class="mbss-dossier-intro-kicker">
688    Mon dossier médico-sportif
689  </span>
690
691
692  <!-- =====================================================
693       TITRE
694       ===================================================== -->
695
696  <h1>
697    Consultez / imprimer<br>
698    <strong>mon dossier</strong>
699  </h1>
700
701
702  <!-- =====================================================
703       PETIT TRAIT
704       ===================================================== -->
705
706  <div class="mbss-dossier-intro-line"></div>
707
708
709  <!-- =====================================================
710       TEXTE D'INTRODUCTION
711       ===================================================== -->
712
713  <p class="mbss-dossier-intro-text">
714    Retrouvez votre dossier, consultez les informations de votre parcours
715    et récupérez votre synthèse au format PDF pour la partager
716    avec le professionnel de votre choix.
717  </p>
718
719
720  <!-- =====================================================
721       MODE D'EMPLOI
722       ===================================================== -->
723
724  <details class="mbss-dossier-mode">
725
726    <summary>
727      <span class="mbss-dossier-mode-label">
728        Mode d'emploi
729      </span>
730    </summary>
731
732
733    <div class="mbss-dossier-mode-content">
734
735
736      <!-- INTRO -->
737
738      <p class="mbss-dossier-mode-intro">
739        Quelques informations suffisent pour retrouver votre dossier
740        et éditer votre synthèse.
741      </p>
742
743
744      <!-- =================================================
745           ÉTAPES
746           ================================================= -->
747
748      <div class="mbss-dossier-steps">
749
750
751        <!-- ÉTAPE 1 -->
752
753        <div class="mbss-dossier-step">
754
755          <div class="mbss-dossier-step-number">
756            1
757          </div>
758
759          <div class="mbss-dossier-step-content">
760
761            <strong>Dossier déjà ouvert</strong>
762
763            <p>
764              Si votre club, votre Maison Sport Santé ou votre médecin
765              a déjà ouvert votre Dossier Médico-Sportif,
766              vous pouvez le retrouver directement.
767            </p>
768
769          </div>
770
771        </div>
772
773
774        <!-- ÉTAPE 2 -->
775
776        <div class="mbss-dossier-step">
777
778          <div class="mbss-dossier-step-number">
779            2
780          </div>
781
782          <div class="mbss-dossier-step-content">
783
784            <strong>Date de naissance</strong>
785
786            <p>
787              Renseignez votre date de naissance afin
788              d’identifier votre dossier personnel.
789            </p>
790
791          </div>
792
793        </div>
794
795
796        <!-- ÉTAPE 3 -->
797
798        <div class="mbss-dossier-step">
799
800          <div class="mbss-dossier-step-number">
801            3
802          </div>
803
804          <div class="mbss-dossier-step-content">
805
806            <strong>Clé d’évaluation</strong>
807
808            <p>
809              Indiquez la clé correspondant à votre dernière évaluation
810              pour accéder à votre dossier actualisé.
811            </p>
812
813          </div>
814
815        </div>
816
817
818        <!-- ÉTAPE 4 -->
819
820        <div class="mbss-dossier-step">
821
822          <div class="mbss-dossier-step-number">
823            4
824          </div>
825
826          <div class="mbss-dossier-step-content">
827
828            <strong>Vous n’avez pas encore de dossier ?</strong>
829
830            <p>
831              Commencez par établir votre profil et répondre
832              au questionnaire santé. Vous pourrez ensuite transmettre
833              sa synthèse au professionnel de votre choix.
834            </p>
835
836          </div>
837
838        </div>
839
840
841      </div>
842
843
844      <!-- =================================================
845           BON À SAVOIR
846           ================================================= -->
847
848      <div class="mbss-dossier-info">
849
850        <div class="mbss-dossier-info-icon">
851          i
852        </div>
853
854        <div>
855
856          <strong>Bon à savoir</strong>
857
858          <p>
859            Votre dossier vous accompagne dans votre parcours Sport Santé.
860            Vous restez libre de transmettre sa synthèse
861            au professionnel de votre choix.
862          </p>
863
864        </div>
865
866      </div>
867
868
869    </div>
870
871  </details>
872
873
874</div>
875
876
877
878<style>
879
880/* =========================================================
881   BASE
882   ========================================================= */
883
884.mbss-dossier-intro-card,
885.mbss-dossier-intro-card * {
886  box-sizing: border-box;
887}
888
889
890.mbss-dossier-intro-card {
891
892  width: 100%;
893  max-width: 560px;
894
895  margin: 30px auto;
896  padding: 38px 42px 40px;
897
898  text-align: center;
899
900  background: #ffffff;
901
902  border: 1px solid rgba(7,59,99,.08);
903  border-radius: 28px;
904
905  box-shadow:
906    0 18px 50px rgba(18,65,92,.08);
907
908  font-family: "Nunito", Arial, sans-serif;
909
910}
911
912
913/* =========================================================
914   PICTOGRAMME / RETOUR
915   ========================================================= */
916
917.mbss-dossier-intro-icon {
918
919  display: flex;
920
921  width: 118px;
922  height: 118px;
923
924  margin: 0 auto 17px;
925
926  align-items: center;
927  justify-content: center;
928
929  text-decoration: none !important;
930
931  cursor: pointer;
932
933}
934
935
936.mbss-dossier-intro-icon img {
937
938  display: block;
939
940  width: 118px;
941  height: 118px;
942
943  object-fit: contain;
944
945  filter:
946    drop-shadow(0 10px 18px rgba(0,94,145,.14));
947
948  transition:
949    transform .28s ease,
950    filter .28s ease;
951
952}
953
954
955.mbss-dossier-intro-icon:hover img {
956
957  transform:
958    translateY(-3px)
959    scale(1.035);
960
961  filter:
962    drop-shadow(0 14px 22px rgba(0,94,145,.20));
963
964}
965
966
967.mbss-dossier-intro-icon:focus-visible {
968
969  outline:
970    3px solid rgba(51,127,158,.18);
971
972  outline-offset: 5px;
973
974  border-radius: 50%;
975
976}
977
978
979/* =========================================================
980   KICKER
981   ========================================================= */
982
983.mbss-dossier-intro-kicker {
984
985  display: inline-block;
986
987  margin-bottom: 10px;
988
989  color: #008bc7;
990
991  font-size: .78rem;
992  font-weight: 900;
993
994  line-height: 1.3;
995
996  letter-spacing: .08em;
997  text-transform: uppercase;
998
999}
1000
1001
1002/* =========================================================
1003   TITRE
1004   ========================================================= */
1005
1006.mbss-dossier-intro-card h1 {
1007
1008  margin: 0;
1009
1010  color: #263847;
1011
1012  font-size: clamp(1.8rem, 3vw, 2.35rem);
1013  font-weight: 700;
1014
1015  line-height: 1.12;
1016
1017  letter-spacing: -.025em;
1018
1019}
1020
1021
1022.mbss-dossier-intro-card h1 strong {
1023
1024  color: #073b63;
1025
1026  font-weight: 950;
1027
1028}
1029
1030
1031/* =========================================================
1032   TRAIT
1033   ========================================================= */
1034
1035.mbss-dossier-intro-line {
1036
1037  width: 46px;
1038  height: 4px;
1039
1040  margin: 18px auto;
1041
1042  border-radius: 999px;
1043
1044  background: linear-gradient(
1045    90deg,
1046    #00a4d6,
1047    #64c9e8
1048  );
1049
1050}
1051
1052
1053/* =========================================================
1054   INTRODUCTION
1055   ========================================================= */
1056
1057.mbss-dossier-intro-text {
1058
1059  max-width: 460px;
1060
1061  margin: 0 auto 26px;
1062
1063  color: #5c6d79;
1064
1065  font-size: .98rem;
1066
1067  line-height: 1.65;
1068
1069}
1070
1071
1072/* =========================================================
1073   MODE D'EMPLOI
1074   ========================================================= */
1075
1076.mbss-dossier-mode {
1077
1078  width: 100%;
1079
1080  margin: 0 auto;
1081
1082  border: 1px solid rgba(7,59,99,.10);
1083
1084  border-radius: 18px;
1085
1086  background: #f8fbfd;
1087
1088  overflow: hidden;
1089
1090}
1091
1092
1093/* =========================================================
1094   SUMMARY
1095   ========================================================= */
1096
1097.mbss-dossier-mode summary {
1098
1099  position: relative;
1100
1101  display: flex;
1102
1103  min-height: 54px;
1104
1105  padding: 15px 54px 15px 22px;
1106
1107  align-items: center;
1108  justify-content: center;
1109
1110  list-style: none;
1111
1112  color: #073b63;
1113
1114  cursor: pointer;
1115
1116  transition:
1117    background .25s ease;
1118
1119}
1120
1121
1122.mbss-dossier-mode summary::-webkit-details-marker {
1123  display: none;
1124}
1125
1126
1127.mbss-dossier-mode summary::marker {
1128  content: "";
1129}
1130
1131
1132.mbss-dossier-mode summary:hover {
1133  background: #f0f8fb;
1134}
1135
1136
1137.mbss-dossier-mode-label {
1138
1139  font-size: .84rem;
1140  font-weight: 950;
1141
1142  letter-spacing: .055em;
1143
1144  text-transform: uppercase;
1145
1146}
1147
1148
1149/* =========================================================
1150   BOUTON + / -
1151   ========================================================= */
1152
1153.mbss-dossier-mode summary::after {
1154
1155  content: "+";
1156
1157  position: absolute;
1158
1159  right: 20px;
1160  top: 50%;
1161
1162  transform: translateY(-50%);
1163
1164  display: flex;
1165
1166  width: 26px;
1167  height: 26px;
1168
1169  align-items: center;
1170  justify-content: center;
1171
1172  border-radius: 50%;
1173
1174  background: #e5f5fa;
1175
1176  color: #0088bd;
1177
1178  font-size: 1.15rem;
1179  font-weight: 800;
1180
1181  line-height: 1;
1182
1183}
1184
1185
1186.mbss-dossier-mode[open] summary::after {
1187  content: "−";
1188}
1189
1190
1191/* =========================================================
1192   CONTENU MODE D'EMPLOI
1193   ========================================================= */
1194
1195.mbss-dossier-mode-content {
1196
1197  padding: 8px 24px 26px;
1198
1199  border-top: 1px solid rgba(7,59,99,.07);
1200
1201}
1202
1203
1204.mbss-dossier-mode-intro {
1205
1206  max-width: 420px;
1207
1208  margin: 18px auto 23px;
1209
1210  color: #61727d;
1211
1212  font-size: .92rem;
1213
1214  line-height: 1.55;
1215
1216}
1217
1218
1219/* =========================================================
1220   ÉTAPES
1221   ========================================================= */
1222
1223.mbss-dossier-steps {
1224
1225  display: flex;
1226
1227  flex-direction: column;
1228
1229  gap: 11px;
1230
1231}
1232
1233
1234.mbss-dossier-step {
1235
1236  display: flex;
1237
1238  gap: 15px;
1239
1240  padding: 16px 17px;
1241
1242  align-items: flex-start;
1243
1244  border: 1px solid rgba(7,59,99,.07);
1245
1246  border-radius: 15px;
1247
1248  background: #ffffff;
1249
1250  text-align: left;
1251
1252  transition:
1253    transform .22s ease,
1254    box-shadow .22s ease;
1255
1256}
1257
1258
1259.mbss-dossier-step:hover {
1260
1261  transform: translateY(-2px);
1262
1263  box-shadow:
1264    0 8px 22px rgba(20,70,95,.07);
1265
1266}
1267
1268
1269/* =========================================================
1270   NUMÉRO DES ÉTAPES
1271   ========================================================= */
1272
1273.mbss-dossier-step-number {
1274
1275  display: flex;
1276
1277  flex: 0 0 31px;
1278
1279  width: 31px;
1280  height: 31px;
1281
1282  align-items: center;
1283  justify-content: center;
1284
1285  border-radius: 50%;
1286
1287  background: #e5f5fa;
1288
1289  color: #0088bd;
1290
1291  font-size: .82rem;
1292  font-weight: 950;
1293
1294}
1295
1296
1297/* =========================================================
1298   TEXTE DES ÉTAPES
1299   ========================================================= */
1300
1301.mbss-dossier-step-content {
1302  flex: 1;
1303}
1304
1305
1306.mbss-dossier-step-content strong {
1307
1308  display: block;
1309
1310  margin: 1px 0 4px;
1311
1312  color: #073b63;
1313
1314  font-size: .91rem;
1315  font-weight: 900;
1316
1317}
1318
1319
1320.mbss-dossier-step-content p {
1321
1322  margin: 0;
1323
1324  color: #60717d;
1325
1326  font-size: .82rem;
1327
1328  line-height: 1.5;
1329
1330}
1331
1332
1333/* =========================================================
1334   BON À SAVOIR
1335   ========================================================= */
1336
1337.mbss-dossier-info {
1338
1339  display: flex;
1340
1341  gap: 13px;
1342
1343  margin-top: 17px;
1344  padding: 16px 17px;
1345
1346  align-items: flex-start;
1347
1348  border-radius: 15px;
1349
1350  background: #edf8fc;
1351
1352  text-align: left;
1353
1354}
1355
1356
1357.mbss-dossier-info-icon {
1358
1359  display: flex;
1360
1361  flex: 0 0 27px;
1362
1363  width: 27px;
1364  height: 27px;
1365
1366  align-items: center;
1367  justify-content: center;
1368
1369  border-radius: 50%;
1370
1371  background: #008bc7;
1372
1373  color: #ffffff;
1374
1375  font-family: Georgia, serif;
1376
1377  font-size: .9rem;
1378  font-weight: 700;
1379
1380}
1381
1382
1383.mbss-dossier-info strong {
1384
1385  display: block;
1386
1387  margin-bottom: 3px;
1388
1389  color: #073b63;
1390
1391  font-size: .88rem;
1392  font-weight: 900;
1393
1394}
1395
1396
1397.mbss-dossier-info p {
1398
1399  margin: 0;
1400
1401  color: #536a78;
1402
1403  font-size: .81rem;
1404
1405  line-height: 1.5;
1406
1407}
1408
1409
1410/* =========================================================
1411   MOBILE
1412   Ajustements dimensionnels conservés
1413   ========================================================= */
1414
1415@media (max-width: 600px) {
1416
1417  .mbss-dossier-intro-card {
1418
1419    margin: 18px auto;
1420
1421    padding: 28px 20px 26px;
1422
1423    border-radius: 23px;
1424
1425  }
1426
1427
1428  .mbss-dossier-intro-icon {
1429
1430    width: 100px;
1431    height: 100px;
1432
1433    margin-bottom: 14px;
1434
1435  }
1436
1437
1438  .mbss-dossier-intro-icon img {
1439
1440    width: 100px;
1441    height: 100px;
1442
1443  }
1444
1445
1446  .mbss-dossier-intro-kicker {
1447    font-size: .71rem;
1448  }
1449
1450
1451  .mbss-dossier-intro-card h1 {
1452    font-size: 1.75rem;
1453  }
1454
1455
1456  .mbss-dossier-intro-line {
1457
1458    margin-top: 16px;
1459    margin-bottom: 16px;
1460
1461  }
1462
1463
1464  .mbss-dossier-intro-text {
1465
1466    margin-bottom: 22px;
1467
1468    font-size: .92rem;
1469
1470    line-height: 1.6;
1471
1472  }
1473
1474
1475  .mbss-dossier-mode summary {
1476
1477    min-height: 52px;
1478
1479    padding:
1480      14px 50px
1481      14px 18px;
1482
1483  }
1484
1485
1486  .mbss-dossier-mode-content {
1487
1488    padding:
1489      6px 13px 18px;
1490
1491  }
1492
1493
1494  .mbss-dossier-mode-intro {
1495
1496    margin:
1497      16px auto 18px;
1498
1499    font-size: .88rem;
1500
1501  }
1502
1503
1504  .mbss-dossier-step {
1505
1506    gap: 11px;
1507
1508    padding: 14px;
1509
1510  }
1511
1512
1513  .mbss-dossier-step-number {
1514
1515    flex-basis: 29px;
1516
1517    width: 29px;
1518    height: 29px;
1519
1520  }
1521
1522
1523  .mbss-dossier-info {
1524    padding: 14px;
1525  }
1526
1527}
1528
1529</style>
1530
1531
1532
1533<script>
1534
1535document.addEventListener("DOMContentLoaded", function () {
1536
1537
1538  /* =====================================================
1539     MBSS — RETOUR CONTEXTUEL GRAND ÉCRAN
1540
1541     Page précédente appartenant au site :
1542     → retour réel à cette page
1543
1544     Accès direct ou provenance externe :
1545     → /patient
1546     ===================================================== */
1547
1548  const backLink =
1549    document.querySelector(
1550      ".mbss-dossier-intro-back"
1551    );
1552
1553
1554  if (!backLink) {
1555    return;
1556  }
1557
1558
1559  backLink.addEventListener(
1560    "click",
1561    function (event) {
1562
1563
1564      /* =================================================
1565         Aucune provenance connue :
1566         href="/patient" reste actif
1567         ================================================= */
1568
1569      if (!document.referrer) {
1570        return;
1571      }
1572
1573
1574      try {
1575
1576        const previousPage =
1577          new URL(document.referrer);
1578
1579
1580        /* ===============================================
1581           La page précédente appartient au même site
1582           =============================================== */
1583
1584        if (
1585          previousPage.origin ===
1586          window.location.origin
1587        ) {
1588
1589          event.preventDefault();
1590
1591          window.history.back();
1592
1593        }
1594
1595      }
1596
1597
1598      catch (error) {
1599
1600        /*
1601         * En cas de problème,
1602         * /patient reste le lien de secours.
1603         */
1604
1605      }
1606
1607
1608    }
1609  );
1610
1611
1612});
1613
1614</script>
1614</div><div class="uk-hidden@s"><!-- =========================================================
1615     MBSS — CONSULTER SON DOSSIER MÉDICO-SPORTIF
1616     VERSION SMARTPHONE
1617
1618     - Sans cadre extérieur
1619     - Harmonisé avec les autres modules MBSS smartphone
1620     - Pictogramme = retour à la page précédente
1621     - /patient en cas d'accès direct ou externe
1622     - Mode d'emploi dépliable
1623     - YOOtheme gère la visibilité du module
1624     ========================================================= -->
1625
1626
1627<div class="mbss-dossier-mobile">
1628
1629
1630  <!-- =====================================================
1631       PICTOGRAMME / RETOUR À LA PAGE PRÉCÉDENTE
1632       ===================================================== -->
1633
1634  <a href="/patient"
1635     class="mbss-dossier-mobile-icon mbss-dossier-mobile-back"
1636     aria-label="Retour à la page précédente"
1637     title="Retour à la page précédente">
1638
1639    <img
1640      src="/images/mbss/bouton/picto_print2.png"
1641      alt="Consulter votre dossier médico-sportif">
1642
1643  </a>
1644
1645
1646
1647  <!-- =====================================================
1648       KICKER
1649       ===================================================== -->
1650
1651  <span class="mbss-dossier-mobile-kicker">
1652    Mon dossier médico-sportif
1653  </span>
1654
1655
1656
1657  <!-- =====================================================
1658       TITRE
1659       ===================================================== -->
1660
1661  <h1>
1662    Consultez / imprimer<br>
1663    <strong>mon dossier</strong>
1664  </h1>
1665
1666
1667
1668  <!-- =====================================================
1669       TRAIT VERT
1670       ===================================================== -->
1671
1672  <div class="mbss-dossier-mobile-line"></div>
1673
1674
1675
1676  <!-- =====================================================
1677       INTRODUCTION
1678       ===================================================== -->
1679
1680  <p class="mbss-dossier-mobile-intro">
1681    Retrouvez votre dossier, consultez votre parcours et récupérez
1682    votre synthèse PDF pour la partager avec le professionnel
1683    de votre choix.
1684  </p>
1685
1686
1687
1688  <!-- =====================================================
1689       MODE D'EMPLOI
1690       ===================================================== -->
1691
1692  <details class="mbss-dossier-mobile-mode">
1693
1694    <summary>
1695
1696      <span class="mbss-dossier-mobile-mode-icon"
1697            aria-hidden="true">
1698        ?
1699      </span>
1700
1701      <span>
1702        Mode d'emploi
1703      </span>
1704
1705    </summary>
1706
1707
1708    <div class="mbss-dossier-mobile-mode-content">
1709
1710
1711      <!-- INTRO -->
1712
1713      <p class="mbss-dossier-mobile-mode-intro">
1714        Quelques informations suffisent pour retrouver votre dossier
1715        et éditer votre synthèse.
1716      </p>
1717
1718
1719
1720      <!-- =================================================
1721           ÉTAPES
1722           ================================================= -->
1723
1724      <div class="mbss-dossier-mobile-steps">
1725
1726
1727        <!-- ÉTAPE 1 -->
1728
1729        <div class="mbss-dossier-mobile-step">
1730
1731          <div class="mbss-dossier-mobile-step-number">
1732            1
1733          </div>
1734
1735          <div class="mbss-dossier-mobile-step-content">
1736
1737            <strong>
1738              Dossier déjà ouvert
1739            </strong>
1740
1741            <p>
1742              Si votre club, votre Maison Sport Santé ou votre médecin
1743              a déjà ouvert votre Dossier Médico-Sportif,
1744              vous pouvez le retrouver directement.
1745            </p>
1746
1747          </div>
1748
1749        </div>
1750
1751
1752
1753        <!-- ÉTAPE 2 -->
1754
1755        <div class="mbss-dossier-mobile-step">
1756
1757          <div class="mbss-dossier-mobile-step-number">
1758            2
1759          </div>
1760
1761          <div class="mbss-dossier-mobile-step-content">
1762
1763            <strong>
1764              Date de naissance
1765            </strong>
1766
1767            <p>
1768              Renseignez votre date de naissance afin
1769              d’identifier votre dossier personnel.
1770            </p>
1771
1772          </div>
1773
1774        </div>
1775
1776
1777
1778        <!-- ÉTAPE 3 -->
1779
1780        <div class="mbss-dossier-mobile-step">
1781
1782          <div class="mbss-dossier-mobile-step-number">
1783            3
1784          </div>
1785
1786          <div class="mbss-dossier-mobile-step-content">
1787
1788            <strong>
1789              Clé d’évaluation
1790            </strong>
1791
1792            <p>
1793              Indiquez la clé correspondant à votre dernière
1794              évaluation pour accéder à votre dossier actualisé.
1795            </p>
1796
1797          </div>
1798
1799        </div>
1800
1801
1802
1803        <!-- ÉTAPE 4 -->
1804
1805        <div class="mbss-dossier-mobile-step">
1806
1807          <div class="mbss-dossier-mobile-step-number">
1808            4
1809          </div>
1810
1811          <div class="mbss-dossier-mobile-step-content">
1812
1813            <strong>
1814              Vous n’avez pas encore de dossier ?
1815            </strong>
1816
1817            <p>
1818              Commencez par établir votre profil et répondre
1819              au questionnaire santé. Vous pourrez ensuite transmettre
1820              sa synthèse au professionnel de votre choix.
1821            </p>
1822
1823          </div>
1824
1825        </div>
1826
1827
1828      </div>
1829
1830
1831
1832      <!-- =================================================
1833           BON À SAVOIR
1834           ================================================= -->
1835
1836      <div class="mbss-dossier-mobile-info">
1837
1838        <div class="mbss-dossier-mobile-info-icon"
1839             aria-hidden="true">
1840          i
1841        </div>
1842
1843        <div class="mbss-dossier-mobile-info-text">
1844
1845          <strong>
1846            Bon à savoir
1847          </strong>
1848
1849          <p>
1850            Votre dossier vous accompagne dans votre parcours Sport Santé.
1851            Vous restez libre de transmettre sa synthèse
1852            au professionnel de votre choix.
1853          </p>
1854
1855        </div>
1856
1857      </div>
1858
1859
1860    </div>
1861
1862  </details>
1863
1864
1865</div>
1866
1867
1868
1869<style>
1870
1871/* =========================================================
1872   MBSS — DOSSIER MÉDICO-SPORTIF
1873   VERSION SMARTPHONE
1874   ========================================================= */
1875
1876.mbss-dossier-mobile {
1877
1878  --mbss-dark: #263847;
1879  --mbss-blue: #337f9e;
1880  --mbss-blue-light: #4297b8;
1881  --mbss-green: #72a84f;
1882  --mbss-text: #64747d;
1883
1884  position: relative;
1885
1886  width: calc(100% - 24px);
1887  max-width: 430px;
1888
1889  margin: 8px auto 18px;
1890
1891  padding: 6px 8px 10px;
1892
1893  text-align: center;
1894
1895  color: var(--mbss-dark);
1896
1897  font-family:
1898    "Nunito",
1899    -apple-system,
1900    BlinkMacSystemFont,
1901    "Segoe UI",
1902    Arial,
1903    sans-serif;
1904
1905  box-sizing: border-box;
1906
1907}
1908
1909
1910.mbss-dossier-mobile *,
1911.mbss-dossier-mobile *::before,
1912.mbss-dossier-mobile *::after {
1913
1914  box-sizing: border-box;
1915
1916}
1917
1918
1919
1920/* =========================================================
1921   PICTOGRAMME PRINCIPAL
1922   ========================================================= */
1923
1924.mbss-dossier-mobile-icon {
1925
1926  position: relative;
1927
1928  display: flex;
1929
1930  align-items: center;
1931  justify-content: center;
1932
1933  width: 118px;
1934  height: 118px;
1935
1936  margin: 0 auto 8px;
1937
1938  border-radius: 50%;
1939
1940  color: inherit;
1941
1942  text-decoration: none !important;
1943
1944  -webkit-tap-highlight-color: transparent;
1945
1946}
1947
1948
1949
1950/* =========================================================
1951   HALO DU PICTOGRAMME
1952   ========================================================= */
1953
1954.mbss-dossier-mobile-icon::before {
1955
1956  content: "";
1957
1958  position: absolute;
1959
1960  width: 94px;
1961  height: 94px;
1962
1963  border-radius: 50%;
1964
1965  background:
1966    radial-gradient(
1967      circle,
1968      rgba(51,127,158,.09) 0%,
1969      rgba(51,127,158,.025) 62%,
1970      transparent 73%
1971    );
1972
1973}
1974
1975
1976
1977/* =========================================================
1978   IMAGE
1979   ========================================================= */
1980
1981.mbss-dossier-mobile-icon img {
1982
1983  position: relative;
1984
1985  z-index: 2;
1986
1987  display: block;
1988
1989  width: 118px;
1990  height: 118px;
1991
1992  object-fit: contain;
1993
1994  border: 0;
1995
1996  filter:
1997    drop-shadow(
1998      0 7px 12px rgba(0,70,120,.12)
1999    );
2000
2001  transition:
2002    transform .2s ease,
2003    filter .2s ease;
2004
2005}
2006
2007
2008.mbss-dossier-mobile-icon:active img {
2009
2010  transform: scale(.97);
2011
2012}
2013
2014
2015
2016/* =========================================================
2017   KICKER
2018   ========================================================= */
2019
2020.mbss-dossier-mobile-kicker {
2021
2022  display: inline-flex;
2023
2024  align-items: center;
2025  justify-content: center;
2026
2027  margin-bottom: 8px;
2028
2029  padding: 5px 11px;
2030
2031  border-radius: 999px;
2032
2033  background:
2034    rgba(51,127,158,.09);
2035
2036  color: var(--mbss-blue);
2037
2038  font-size: 9px;
2039
2040  line-height: 1.2;
2041
2042  font-weight: 900;
2043
2044  letter-spacing: .08em;
2045
2046  text-transform: uppercase;
2047
2048}
2049
2050
2051
2052/* =========================================================
2053   TITRE
2054   ========================================================= */
2055
2056.mbss-dossier-mobile h1 {
2057
2058  max-width: 360px;
2059
2060  margin: 0 auto;
2061
2062  color: var(--mbss-dark);
2063
2064  font-size: 24px;
2065
2066  line-height: 1.14;
2067
2068  font-weight: 700;
2069
2070  letter-spacing: -.025em;
2071
2072}
2073
2074
2075.mbss-dossier-mobile h1 strong {
2076
2077  color: var(--mbss-blue);
2078
2079  font-weight: 900;
2080
2081}
2082
2083
2084
2085/* =========================================================
2086   TRAIT VERT
2087   ========================================================= */
2088
2089.mbss-dossier-mobile-line {
2090
2091  width: 38px;
2092  height: 3px;
2093
2094  margin: 11px auto 10px;
2095
2096  border-radius: 999px;
2097
2098  background: var(--mbss-green);
2099
2100}
2101
2102
2103
2104/* =========================================================
2105   INTRODUCTION
2106   ========================================================= */
2107
2108.mbss-dossier-mobile-intro {
2109
2110  max-width: 340px;
2111
2112  margin: 0 auto 17px !important;
2113
2114  color: var(--mbss-text) !important;
2115
2116  font-size: 12.5px !important;
2117
2118  line-height: 1.55 !important;
2119
2120  font-weight: 500 !important;
2121
2122}
2123
2124
2125
2126/* =========================================================
2127   MODE D'EMPLOI
2128   ========================================================= */
2129
2130.mbss-dossier-mobile-mode {
2131
2132  width: 100%;
2133
2134  margin: 0;
2135
2136}
2137
2138
2139
2140/* =========================================================
2141   BOUTON MODE D'EMPLOI
2142   ========================================================= */
2143
2144.mbss-dossier-mobile-mode summary {
2145
2146  position: relative;
2147
2148  display: flex;
2149
2150  align-items: center;
2151  justify-content: center;
2152
2153  gap: 8px;
2154
2155  min-height: 44px;
2156
2157  padding:
2158    10px
2159    45px
2160    10px
2161    18px;
2162
2163  border-radius: 999px;
2164
2165  background:
2166    linear-gradient(
2167      135deg,
2168      var(--mbss-blue),
2169      var(--mbss-blue-light)
2170    );
2171
2172  color: #ffffff;
2173
2174  cursor: pointer;
2175
2176  list-style: none;
2177
2178  font-size: 10.5px;
2179
2180  line-height: 1;
2181
2182  font-weight: 900;
2183
2184  letter-spacing: .045em;
2185
2186  text-transform: uppercase;
2187
2188  box-shadow:
2189    0 8px 18px
2190    rgba(51,127,158,.18);
2191
2192  -webkit-tap-highlight-color: transparent;
2193
2194}
2195
2196
2197.mbss-dossier-mobile-mode summary::-webkit-details-marker {
2198
2199  display: none;
2200
2201}
2202
2203
2204.mbss-dossier-mobile-mode summary::marker {
2205
2206  content: "";
2207
2208}
2209
2210
2211
2212/* =========================================================
2213   ICÔNE MODE D'EMPLOI
2214   ========================================================= */
2215
2216.mbss-dossier-mobile-mode-icon {
2217
2218  display: flex;
2219
2220  align-items: center;
2221  justify-content: center;
2222
2223  width: 21px;
2224  height: 21px;
2225
2226  flex: 0 0 21px;
2227
2228  border-radius: 50%;
2229
2230  background:
2231    rgba(255,255,255,.17);
2232
2233  color: #ffffff;
2234
2235  font-size: 12px;
2236
2237  line-height: 1;
2238
2239  font-weight: 900;
2240
2241}
2242
2243
2244
2245/* =========================================================
2246   + / -
2247   ========================================================= */
2248
2249.mbss-dossier-mobile-mode summary::after {
2250
2251  content: "+";
2252
2253  position: absolute;
2254
2255  top: 50%;
2256  right: 17px;
2257
2258  transform: translateY(-50%);
2259
2260  color: #ffffff;
2261
2262  font-size: 19px;
2263
2264  line-height: 1;
2265
2266  font-weight: 700;
2267
2268}
2269
2270
2271.mbss-dossier-mobile-mode[open] summary::after {
2272
2273  content: "–";
2274
2275}
2276
2277
2278
2279/* =========================================================
2280   MODE OUVERT
2281   ========================================================= */
2282
2283.mbss-dossier-mobile-mode[open] summary {
2284
2285  border-radius:
2286    17px
2287    17px
2288    0
2289    0;
2290
2291}
2292
2293
2294
2295/* =========================================================
2296   CONTENU DU MODE D'EMPLOI
2297   ========================================================= */
2298
2299.mbss-dossier-mobile-mode-content {
2300
2301  padding:
2302    15px
2303    11px
2304    13px;
2305
2306  border:
2307    1px solid
2308    rgba(51,127,158,.12);
2309
2310  border-top: 0;
2311
2312  border-radius:
2313    0
2314    0
2315    17px
2316    17px;
2317
2318  background:
2319    rgba(248,251,253,.96);
2320
2321}
2322
2323
2324
2325/* =========================================================
2326   INTRO MODE D'EMPLOI
2327   ========================================================= */
2328
2329.mbss-dossier-mobile-mode-intro {
2330
2331  max-width: 310px;
2332
2333  margin:
2334    0 auto
2335    14px !important;
2336
2337  color:
2338    var(--mbss-text) !important;
2339
2340  font-size:
2341    11.5px !important;
2342
2343  line-height:
2344    1.45 !important;
2345
2346  font-weight:
2347    500 !important;
2348
2349}
2350
2351
2352
2353/* =========================================================
2354   LISTE DES ÉTAPES
2355   ========================================================= */
2356
2357.mbss-dossier-mobile-steps {
2358
2359  display: flex;
2360
2361  flex-direction: column;
2362
2363  gap: 7px;
2364
2365}
2366
2367
2368
2369/* =========================================================
2370   UNE ÉTAPE
2371   ========================================================= */
2372
2373.mbss-dossier-mobile-step {
2374
2375  display: grid;
2376
2377  grid-template-columns:
2378    29px
2379    minmax(0, 1fr);
2380
2381  align-items: flex-start;
2382
2383  gap: 10px;
2384
2385  padding:
2386    11px
2387    11px;
2388
2389  border:
2390    1px solid
2391    rgba(51,127,158,.10);
2392
2393  border-radius: 13px;
2394
2395  background: #ffffff;
2396
2397  text-align: left;
2398
2399}
2400
2401
2402
2403/* =========================================================
2404   NUMÉRO DE L'ÉTAPE
2405   ========================================================= */
2406
2407.mbss-dossier-mobile-step-number {
2408
2409  display: flex;
2410
2411  align-items: center;
2412  justify-content: center;
2413
2414  width: 29px;
2415  height: 29px;
2416
2417  border-radius: 50%;
2418
2419  background:
2420    rgba(51,127,158,.10);
2421
2422  color:
2423    var(--mbss-blue);
2424
2425  font-size: 11px;
2426
2427  line-height: 1;
2428
2429  font-weight: 900;
2430
2431}
2432
2433
2434
2435/* =========================================================
2436   CONTENU DE L'ÉTAPE
2437   ========================================================= */
2438
2439.mbss-dossier-mobile-step-content {
2440
2441  min-width: 0;
2442
2443}
2444
2445
2446.mbss-dossier-mobile-step-content strong {
2447
2448  display: block;
2449
2450  margin:
2451    1px
2452    0
2453    3px;
2454
2455  color:
2456    var(--mbss-dark);
2457
2458  font-size: 12px;
2459
2460  line-height: 1.25;
2461
2462  font-weight: 900;
2463
2464}
2465
2466
2467.mbss-dossier-mobile-step-content p {
2468
2469  margin: 0 !important;
2470
2471  color:
2472    var(--mbss-text) !important;
2473
2474  font-size:
2475    10.5px !important;
2476
2477  line-height:
2478    1.45 !important;
2479
2480  font-weight:
2481    500 !important;
2482
2483}
2484
2485
2486
2487/* =========================================================
2488   BON À SAVOIR
2489   ========================================================= */
2490
2491.mbss-dossier-mobile-info {
2492
2493  display: grid;
2494
2495  grid-template-columns:
2496    27px
2497    minmax(0, 1fr);
2498
2499  align-items: flex-start;
2500
2501  gap: 9px;
2502
2503  margin-top: 9px;
2504
2505  padding:
2506    11px
2507    12px;
2508
2509  border-radius: 13px;
2510
2511  background:
2512    rgba(114,168,79,.09);
2513
2514  text-align: left;
2515
2516}
2517
2518
2519
2520/* =========================================================
2521   ICÔNE INFORMATION
2522   ========================================================= */
2523
2524.mbss-dossier-mobile-info-icon {
2525
2526  display: flex;
2527
2528  align-items: center;
2529  justify-content: center;
2530
2531  width: 27px;
2532  height: 27px;
2533
2534  border-radius: 50%;
2535
2536  background:
2537    var(--mbss-green);
2538
2539  color: #ffffff;
2540
2541  font-family:
2542    Georgia,
2543    serif;
2544
2545  font-size: 12px;
2546
2547  line-height: 1;
2548
2549  font-weight: 700;
2550
2551}
2552
2553
2554
2555/* =========================================================
2556   TEXTE BON À SAVOIR
2557   ========================================================= */
2558
2559.mbss-dossier-mobile-info-text {
2560
2561  min-width: 0;
2562
2563}
2564
2565
2566.mbss-dossier-mobile-info strong {
2567
2568  display: block;
2569
2570  margin-bottom: 3px;
2571
2572  color:
2573    var(--mbss-dark);
2574
2575  font-size: 11.5px;
2576
2577  line-height: 1.25;
2578
2579  font-weight: 900;
2580
2581}
2582
2583
2584.mbss-dossier-mobile-info p {
2585
2586  margin: 0 !important;
2587
2588  color:
2589    var(--mbss-text) !important;
2590
2591  font-size:
2592    10.5px !important;
2593
2594  line-height:
2595    1.45 !important;
2596
2597  font-weight:
2598    500 !important;
2599
2600}
2601
2602
2603
2604/* =========================================================
2605   ACCESSIBILITÉ
2606   ========================================================= */
2607
2608.mbss-dossier-mobile-icon:focus-visible,
2609.mbss-dossier-mobile-mode summary:focus-visible {
2610
2611  outline:
2612    3px solid
2613    rgba(51,127,158,.20);
2614
2615  outline-offset: 3px;
2616
2617}
2618
2619
2620
2621/* =========================================================
2622   PETITS SMARTPHONES
2623   Ajustements dimensionnels uniquement
2624   ========================================================= */
2625
2626@media (max-width: 380px) {
2627
2628  .mbss-dossier-mobile {
2629
2630    width:
2631      calc(100% - 16px);
2632
2633    padding-left: 5px;
2634    padding-right: 5px;
2635
2636  }
2637
2638
2639  .mbss-dossier-mobile-icon {
2640
2641    width: 110px;
2642    height: 110px;
2643
2644  }
2645
2646
2647  .mbss-dossier-mobile-icon img {
2648
2649    width: 110px;
2650    height: 110px;
2651
2652  }
2653
2654
2655  .mbss-dossier-mobile-icon::before {
2656
2657    width: 90px;
2658    height: 90px;
2659
2660  }
2661
2662
2663  .mbss-dossier-mobile h1 {
2664
2665    font-size: 22px;
2666
2667  }
2668
2669
2670  .mbss-dossier-mobile-intro {
2671
2672    max-width: 320px;
2673
2674    font-size:
2675      12px !important;
2676
2677  }
2678
2679
2680  .mbss-dossier-mobile-mode-content {
2681
2682    padding:
2683      13px
2684      8px
2685      10px;
2686
2687  }
2688
2689
2690  .mbss-dossier-mobile-step {
2691
2692    gap: 8px;
2693
2694    padding:
2695      10px
2696      9px;
2697
2698  }
2699
2700}
2701
2702</style>
2703
2704
2705
2706<script>
2707
2708document.addEventListener("DOMContentLoaded", function () {
2709
2710
2711  /* =====================================================
2712     MBSS — RETOUR CONTEXTUEL
2713
2714     Si l'utilisateur vient d'une page du site :
2715     → retour à cette page.
2716
2717     Si accès direct ou provenance externe :
2718     → /patient
2719     ===================================================== */
2720
2721  const backLink =
2722    document.querySelector(
2723      ".mbss-dossier-mobile-back"
2724    );
2725
2726
2727  if (!backLink) {
2728    return;
2729  }
2730
2731
2732  backLink.addEventListener(
2733    "click",
2734    function (event) {
2735
2736
2737      /* =================================================
2738         AUCUNE PAGE PRÉCÉDENTE CONNUE
2739
2740         Le href="/patient" reste actif.
2741         ================================================= */
2742
2743      if (!document.referrer) {
2744        return;
2745      }
2746
2747
2748      try {
2749
2750        const previousPage =
2751          new URL(document.referrer);
2752
2753
2754        /* ===============================================
2755           PAGE PRÉCÉDENTE SUR LE MÊME SITE
2756
2757           On effectue un vrai retour arrière.
2758           =============================================== */
2759
2760        if (
2761          previousPage.origin ===
2762          window.location.origin
2763        ) {
2764
2765          event.preventDefault();
2766
2767          window.history.back();
2768
2769        }
2770
2771      }
2772
2773
2774      catch (error) {
2775
2776        /* ===============================================
2777           En cas de problème :
2778           /patient reste le lien de secours.
2779           =============================================== */
2780
2781      }
2782
2783
2784    }
2785  );
2786
2787
2788});
2789
2790</script>
2790</div>
2791                
2792            
2793        
2794    
2795</div>
2796    
2797</div>
2798                                </div>                
2799            
2800        
2801        </div>
2802    
2803</div></div>
2804
2805            <main id="tm-main" class="tm-main uk-section uk-section-default" uk-height-viewport="expand: true">
2806
2807                                <div class="uk-container">
2808
2809                    
2810                            
2811                
2812                <div id="system-message-container" aria-live="polite"></div>
2813
2814                <form method="post"  id="userForm" action="https://monbilansportsante.fr/resultats">
2815<!-- Do not remove this ID, it is used to identify the page so that the pagination script can work correctly -->
2816<div class="formContainer uk-form-horizontal" id="rsform_176_page_0">
2817	<div class="uk-grid">
2818		<div class="uk-width-1-1">
2819			<div class="uk-margin rsform-block rsform-block-info-date rsform-type-birthday">
2820				<span class="uk-form-label formControlLabel">Votre date de naissance</span>
2821				<div class="formControls uk-form-controls">
2822					<select name="form[info-date][d]" id="info-dated" class="rsform-select-box-small uk-select uk-width-small" aria-label="Day"><option value="">Jour</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="24">24</option><option value="25">25</option><option value="26">26</option><option value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option><option value="31">31</option></select> / <select name="form[info-date][m]" id="info-datem" class="rsform-select-box-small uk-select uk-width-small" aria-label="Month" data-rsfp-disable-invalid-dates="info-date"><option value="">Mois</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option></select> / <select name="form[info-date][y]" id="info-datey" class="rsform-select-box-small uk-select uk-width-small" aria-label="Year" data-rsfp-disable-invalid-dates="info-date"><option value="">Ann&eacute;e</option><option value="1935">1935</option><option value="1936">1936</option><option value="1937">1937</option><option value="1938">1938</option><option value="1939">1939</option><option value="1940">1940</option><option value="1941">1941</option><option value="1942">1942</option><option value="1943">1943</option><option value="1944">1944</option><option value="1945">1945</option><option value="1946">1946</option><option value="1947">1947</option><option value="1948">1948</option><option value="1949">1949</option><option value="1950">1950</option><option value="1951">1951</option><option value="1952">1952</option><option value="1953">1953</option><option value="1954">1954</option><option value="1955">1955</option><option value="1956">1956</option><option value="1957">1957</option><option value="1958">1958</option><option value="1959">1959</option><option value="1960">1960</option><option value="1961">1961</option><option value="1962">1962</option><option value="1963">1963</option><option value="1964">1964</option><option value="1965">1965</option><option value="1966">1966</option><option value="1967">1967</option><option value="1968">1968</option><option value="1969">1969</option><option value="1970">1970</option><option value="1971">1971</option><option value="1972">1972</option><option value="1973">1973</option><option value="1974">1974</option><option value="1975">1975</option><option value="1976">1976</option><option value="1977">1977</option><option value="1978">1978</option><option value="1979">1979</option><option value="1980">1980</option><option value="1981">1981</option><option value="1982">1982</option><option value="1983">1983</option><option value="1984">1984</option><option value="1985">1985</option><option value="1986">1986</option><option value="1987">1987</option><option value="1988">1988</option><option value="1989">
28221989</option><option value="1990">1990</option><option value="1991">1991</option><option value="1992">1992</option><option value="1993">1993</option><option value="1994">1994</option><option value="1995">1995</option><option value="1996">1996</option><option value="1997">1997</option><option value="1998">1998</option><option value="1999">1999</option><option value="2000">2000</option><option value="2001">2001</option><option value="2002">2002</option><option value="2003">2003</option><option value="2004">2004</option><option value="2005">2005</option><option value="2006">2006</option><option value="2007">2007</option><option value="2008">2008</option><option value="2009">2009</option><option value="2010">2010</option><option value="2011">2011</option><option value="2012">2012</option><option value="2013">2013</option><option value="2014">2014</option><option value="2015">2015</option><option value="2016">2016</option><option value="2017">2017</option><option value="2018">2018</option><option value="2019">2019</option><option value="2020">2020</option><option value="2021">2021</option><option value="2022">2022</option><option value="2023">2023</option><option value="2024">2024</option><option value="2025">2025</option><option value="2026">2026</option></select>
2823					<span class="formValidation"><span id="component15188" class="formNoError">    Date de naissance erronée</span></span>
2824				</div>
2825			</div>
2826			<div class="uk-margin rsform-block rsform-block-cleq3 rsform-type-textbox">
2827				<label class="uk-form-label formControlLabel" for="CleQ3">Clé de votre dernier dossier (DMSU) <!-- START: Tooltips --><span data-tooltips data-tooltips-content="Votre clé est modifiée à chaque mise à jour de votre dossier par votre éducateur. Elle vous est notifiée sur votre messagerie ou sur le dernier support. Veillez à toujours prendre la dernière clé transmise ! Merci" data-tooltips-title="Où trouver votre clé ?" data-tooltips-theme="light" data-tooltips-width="300px"> <font style="font-size:25px;color:orange;">&nbsp;&#x2690;</font></span><!-- END: Tooltips --></label>
2828				<div class="formControls uk-form-controls">
2829					<input type="text" value="" size="20" placeholder="Entrez votre cl&eacute;" name="form[CleQ3]" id="CleQ3" class="rsform-input-box uk-input" />
2830					<span class="formValidation"><span id="component15189" class="formNoError">       Clé invalide !  Prenez bien la dernière clé reçue.</span></span>
2831				</div>
2832			</div>
2833			<div class="uk-margin rsform-block rsform-block-emailpatient rsform-type-textbox">
2834				<label class="uk-form-label formControlLabel" for="emailpatient">Si vous souhaitez recevoir votre PDF</label>
2835				<div class="formControls uk-form-controls">
2836					<input type="email" value="" size="20" placeholder="Entrez votre email" name="form[emailpatient]" id="emailpatient" class="rsform-input-box uk-input" />
2837					<span class="formValidation"><span id="component15195" class="formNoError">Entrée non valide</span></span>
2838				</div>
2839			</div>
2840		</div>
2841	</div>
2842	<div class="uk-grid">
2843		<div class="uk-width-1-1">
2844			<div class="uk-margin rsform-block rsform-block-saisiefinal rsform-type-submitbutton">
2845				<span class="uk-form-label formControlLabel"></span>
2846				<div class="formControls uk-form-controls">
2847					<button type="submit" name="form[saisiefinal]" id="saisiefinal" class="rsform-submit-button  uk-button uk-button-primary" >Soumettre</button>
2848					<span class="formValidation"></span>
2849				</div>
2850			</div>
2851		</div>
2852	</div>
2853</div>
2854
2855					<input type="hidden" name="g-recaptcha-response" id="g-recaptcha-response-176" value="">
2856<input type="hidden" name="form[formId]" value="176"/>
2857<input type="hidden" name="2103d45fabcda129d566b2a018057332" value="1"></form>
2858
2859                
2860                        
2861                </div>
2862                
2863            </main>
2864
2865            
2866
2867                        <footer>
2868                <!-- Builder #footer --><style class="uk-margin-remove-adjacent">@media only print{#footer\#0{display:none}}</style>
2869<div id="footer#0" class="hide-if-print uk-section-primary uk-section" uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-scale-up;
2869 delay: false;">
2870    
2871        
2872        
2873        
2874            
2875                                <div class="uk-container uk-container-xlarge uk-padding-remove-horizontal">                
2876                    
2877<div class="uk-grid-margin uk-container uk-container-small hide-if-print">
2878        <div class="uk-grid tm-grid-expand uk-child-width-1-1">    
2879        
2880<div class="uk-width-1-1">
2881    
2882        
2883            
2884            
2885            
2886                
2887                    <div uk-scrollspy-class><!-- =========================================================
2888     MBSS — FOOTER COMPLET
2889     Logos partenaires + actions + footer institutionnel
2890     ========================================================= -->
2891
2892<div class="mbss-footer-zone">
2893
2894
2895  <!-- =====================================================
2896       PARTIE HAUTE : PARTENAIRES + ACTIONS
2897       ===================================================== -->
2898
2899  <div class="mbss-footer-top">
2900
2901
2902    <!-- ===================================================
2903         LOGO FONDATION DU SPORT FRANÇAIS
2904         Remplacer le src par votre chemin actuel
2905         =================================================== -->
2906
2907    <a href="https://www.fondation-du-sport-francais.fr/"
2908       class="mbss-partner"
2909       aria-label="Fondation du Sport Français">
2910
2911      <img src="/images/mbss/logos-partenaires/logo_FDSF_Henri_S_RVB.jpg"
2912           alt="Fondation du Sport Français">
2913
2914    </a>
2915
2916
2917
2918    <!-- ===================================================
2919         ACTIONS CENTRALES
2920         =================================================== -->
2921
2922    <div class="mbss-footer-actions">
2923
2924
2925      <!-- FAIRE UN DON -->
2926
2927      <a href="https://www.paypal.com/donate/?hosted_button_id=2E8LHMTCMC7AY"
2928         class="mbss-don"
2929         target="_blank"
2930         rel="noopener">
2931
2932        <span class="mbss-don-icon">
2933
2934          <svg viewBox="0 0 24 24" aria-hidden="true">
2935
2936            <path d="M20.8 4.6
2937                     a5.5 5.5 0 0 0-7.8 0
2938                     L12 5.6l-1-1
2939                     a5.5 5.5 0 0 0-7.8 7.8
2940                     l1 1L12 21
2941                     l7.8-7.6
2942                     1-1
2943                     a5.5 5.5 0 0 0 0-7.8z"/>
2944
2945          </svg>
2946
2947        </span>
2948
2949        <span>Faire un don</span>
2950
2951      </a>
2952
2953
2954
2955      <!-- RÉSEAUX SOCIAUX -->
2956
2957      <div class="mbss-socials">
2958
2959
2960        <!-- FACEBOOK -->
2961
2962        <a href="/VOTRE-LIEN-FACEBOOK"
2963           target="_blank"
2964           rel="noopener"
2965           aria-label="Facebook">
2966
2967          <span class="mbss-facebook">f</span>
2968
2969        </a>
2970
2971
2972        <!-- LINKEDIN -->
2973
2974        <a href="/VOTRE-LIEN-LINKEDIN"
2975           target="_blank"
2976           rel="noopener"
2977           aria-label="LinkedIn">
2978
2979          <span class="mbss-linkedin">in</span>
2980
2981        </a>
2982
2983
2984        <!-- YOUTUBE -->
2985
2986        <a href="/VOTRE-LIEN-YOUTUBE"
2987           target="_blank"
2988           rel="noopener"
2989           aria-label="YouTube">
2990
2991          <svg class="mbss-youtube"
2992               viewBox="0 0 24 24"
2993               aria-hidden="true">
2994
2995            <path d="M21.5 6.2
2996                     a2.8 2.8 0 0 0-2-2
2997                     C17.7 3.7 12 3.7 12 3.7
2998                     s-5.7 0-7.5.5
2999                     a2.8 2.8 0 0 0-2 2
3000                     A29 29 0 0 0 2 12
3001                     a29 29 0 0 0 .5 5.8
3002                     2.8 2.8 0 0 0 2 2
3003                     c1.8.5 7.5.5 7.5.5
3004                     s5.7 0 7.5-.5
3005                     a2.8 2.8 0 0 0 2-2
3006                     A29 29 0 0 0 22 12
3007                     a29 29 0 0 0-.5-5.8z"/>
3008
3009            <polygon points="10,15.5 16,12 10,8.5"/>
3010
3011          </svg>
3012
3013        </a>
3014
3015      </div>
3016
3017
3018
3019      <!-- NEWSLETTER -->
3020
3021      <a href="/VOTRE-LIEN-NEWSLETTER"
3022         class="mbss-newsletter">
3023
3024        <span class="mbss-newsletter-icon">
3025
3026          <svg viewBox="0 0 24 24"
3027               aria-hidden="true">
3028
3029            <rect x="3"
3030                  y="5"
3031                  width="18"
3032                  height="14"
3033                  rx="3"/>
3034
3035            <path d="M4 7l8 6 8-6"/>
3036
3037          </svg>
3038
3039        </span>
3040
3041        <span>Recevoir la newsletter</span>
3042
3043      </a>
3044
3045    </div>
3046
3047
3048
3049    <!-- ===================================================
3050         LOGO SFMES
3051         Remplacer le src par votre chemin actuel
3052         =================================================== -->
3053
3054    <a href="https://www.sfmes.org/"
3055       class="mbss-partner"
3056       aria-label="SFMES">
3057
3058      <img src="/images/mbss/logos-partenaires/sfmes_logoB.jpg"
3059           alt="SFMES">
3060
3061    </a>
3062
3063  </div>
3064
3065
3066
3067  <!-- =====================================================
3068       FOOTER INSTITUTIONNEL
3069       ===================================================== -->
3070
3071  <footer class="mbss-footer">
3072
3073
3074    <div class="mbss-footer-inner">
3075
3076
3077      <!-- IDENTITÉ -->
3078
3079      <div class="mbss-footer-brand">
3080
3081        <div class="mbss-footer-name">
3082          MonBilan<span>SportSanté</span>
3083        </div>
3084
3085        <div class="mbss-footer-tagline">
3086          Le dossier qui rélie santé et activité physique
3087        </div>
3088
3089      </div>
3090
3091
3092
3093      <!-- TÉLÉPHONE -->
3094
3095      <div class="mbss-footer-contact">
3096
3097       <a href="tel:+33189342561"
3098   class="mbss-footer-phone"
3099   aria-label="Appeler le 01 89 34 25 61">
3100
3101  <span class="mbss-footer-phone-icon">
3102
3103    <svg viewBox="0 0 24 24" aria-hidden="true">
3104      <path d="M22 16.92v3
3105               a2 2 0 0 1-2.18 2
3106               19.79 19.79 0 0 1-8.63-3.07
3107               19.5 19.5 0 0 1-6-6
3108               19.79 19.79 0 0 1-3.07-8.67
3109               A2 2 0 0 1 3.9 2h3
3110               a2 2 0 0 1 2 1.72
3111               c.12.9.33 1.78.62 2.63
3112               a2 2 0 0 1-.45 2.11
3113               L7.8 9.73
3114               a16 16 0 0 0 6 6
3115               l1.27-1.27
3116               a2 2 0 0 1 2.11-.45
3117               c.85.29 1.73.5 2.63.62
3118               A2 2 0 0 1 22 16.92z"/>
3119    </svg>
3120
3121  </span>
3122
3123  <span>01 89 34 25 61</span>
3124
3125</a>
3126
3127      </div>
3128
3129    </div>
3130
3131
3132
3133    <!-- =================================================
3134         BAS DU FOOTER
3135         ================================================= -->
3136
3137    <div class="mbss-footer-bottom">
3138
3139
3140      <div class="mbss-footer-links">
3141
3142        <a href="/presentation">
3143          Qui sommes-nous ?
3144        </a>
3145
3146        <span class="mbss-footer-separator"></span>
3147
3148        <a href="/conditions">
3149          Conditions générales
3150        </a>
3151
3152      </div>
3153
3154
3155      <div class="mbss-footer-copy">
3156        © MonBilanSportSanté
3157      </div>
3158
3159    </div>
3160
3161  </footer>
3162
3163</div>
3164
3165
3166
3167<style>
3168
3169/* =========================================================
3170   ZONE GLOBALE
3171   Le bleu est fourni par le bloc YOOtheme parent
3172   ========================================================= */
3173
3174.mbss-footer-zone {
3175  width: 100%;
3176  color: #fff;
3177  background: transparent;
3178  font-family: inherit;
3179}
3180
3181
3182/* =========================================================
3183   PARTIE HAUTE
3184   ========================================================= */
3185
3186.mbss-footer-top {
3187
3188  max-width: 760px;
3189
3190  margin: 0 auto;
3191
3192  padding: 5px 25px 32px;
3193
3194  display: grid;
3195
3196  grid-template-columns: 90px 260px 90px;
3197
3198  justify-content: center;
3199
3200  align-items: start;
3201
3202  column-gap: 45px;
3203
3204}
3205
3206
3207/* =========================================================
3208   LOGOS PARTENAIRES
3209   ========================================================= */
3210
3211.mbss-partner {
3212
3213  width: 78px;
3214  height: 98px;
3215
3216  box-sizing: border-box;
3217
3218  display: flex;
3219
3220  align-items: center;
3221  justify-content: center;
3222
3223  padding: 7px;
3224
3225  margin: 0 auto;
3226
3227  background: #ffffff;
3228
3229  border-radius: 12px;
3230
3231  box-shadow:
3232    0 8px 22px rgba(0, 66, 100, .13);
3233
3234  overflow: hidden;
3235
3236  text-decoration: none !important;
3237
3238  transition:
3239    transform .22s ease,
3240    box-shadow .22s ease;
3241
3242}
3243
3244
3245.mbss-partner:hover {
3246
3247  transform: translateY(-3px);
3248
3249  box-shadow:
3250    0 12px 28px rgba(0, 66, 100, .20);
3251
3252}
3253
3254
3255.mbss-partner img {
3256
3257  display: block;
3258
3259  max-width: 100%;
3260
3261  max-height: 100%;
3262
3263  width: auto;
3264
3265  height: auto;
3266
3267  object-fit: contain;
3268
3269}
3270
3271
3272/* =========================================================
3273   ACTIONS CENTRALES
3274   ========================================================= */
3275
3276.mbss-footer-actions {
3277
3278  width: 260px;
3279
3280  display: flex;
3281
3282  flex-direction: column;
3283
3284  align-items: center;
3285
3286  justify-content: flex-start;
3287
3288  gap: 13px;
3289
3290}
3291
3292
3293/* =========================================================
3294   FAIRE UN DON
3295   ========================================================= */
3296
3297.mbss-don {
3298
3299  width: 225px;
3300
3301  box-sizing: border-box;
3302
3303  padding: 11px 22px;
3304
3305  display: inline-flex;
3306
3307  align-items: center;
3308  justify-content: center;
3309
3310  gap: 9px;
3311
3312  border-radius: 999px;
3313
3314  background: #ff472f;
3315
3316  color: #ffffff !important;
3317
3318  font-size: 15px;
3319
3320  font-weight: 700;
3321
3322  line-height: 1.2;
3323
3324  letter-spacing: .6px;
3325
3326  text-transform: uppercase;
3327
3328  text-decoration: none !important;
3329
3330  box-shadow:
3331    0 7px 20px rgba(0,0,0,.10);
3332
3333  transition:
3334    transform .2s ease,
3335    box-shadow .2s ease,
3336    background .2s ease;
3337
3338}
3339
3340
3341.mbss-don:hover {
3342
3343  background: #ff5a43;
3344
3345  color: #ffffff !important;
3346
3347  transform: translateY(-2px);
3348
3349  box-shadow:
3350    0 10px 25px rgba(0,0,0,.15);
3351
3352}
3353
3354
3355.mbss-don-icon {
3356
3357  width: 18px;
3358
3359  height: 18px;
3360
3361  display: flex;
3362
3363}
3364
3365
3366.mbss-don-icon svg {
3367
3368  width: 100%;
3369
3370  height: 100%;
3371
3372  fill: none;
3373
3374  stroke: currentColor;
3375
3376  stroke-width: 1.8;
3377
3378  stroke-linecap: round;
3379
3380  stroke-linejoin: round;
3381
3382}
3383
3384
3385/* =========================================================
3386   RÉSEAUX SOCIAUX
3387   ========================================================= */
3388
3389.mbss-socials {
3390
3391  display: flex;
3392
3393  align-items: center;
3394
3395  justify-content: center;
3396
3397  gap: 11px;
3398
3399}
3400
3401
3402.mbss-socials a {
3403
3404  width: 38px;
3405
3406  height: 38px;
3407
3408  box-sizing: border-box;
3409
3410  display: flex;
3411
3412  align-items: center;
3413
3414  justify-content: center;
3415
3416  border-radius: 50%;
3417
3418  background: rgba(255,255,255,.12);
3419
3420  border: 1px solid rgba(255,255,255,.25);
3421
3422  color: #ffffff !important;
3423
3424  text-decoration: none !important;
3425
3426  transition:
3427    transform .2s ease,
3428    background .2s ease,
3429    color .2s ease;
3430
3431}
3432
3433
3434.mbss-socials a:hover {
3435
3436  background: #ffffff;
3437
3438  color: #079bd2 !important;
3439
3440  transform: translateY(-2px);
3441
3442}
3443
3444
3445.mbss-facebook {
3446
3447  font-family: Arial, sans-serif;
3448
3449  font-size: 23px;
3450
3451  line-height: 1;
3452
3453  font-weight: 700;
3454
3455}
3456
3457
3458.mbss-linkedin {
3459
3460  font-family: Arial, sans-serif;
3461
3462  font-size: 17px;
3463
3464  line-height: 1;
3465
3466  font-weight: 800;
3467
3468}
3469
3470
3471.mbss-youtube {
3472
3473  width: 21px;
3474
3475  height: 21px;
3476
3477  fill: currentColor;
3478
3479}
3480
3481
3482.mbss-youtube polygon {
3483  fill: #079bd2;
3484}
3485
3486
3487/* =========================================================
3488   NEWSLETTER
3489   ========================================================= */
3490
3491.mbss-newsletter {
3492
3493  display: inline-flex;
3494
3495  align-items: center;
3496
3497  justify-content: center;
3498
3499  gap: 8px;
3500
3501  padding: 8px 17px;
3502
3503  border-radius: 999px;
3504
3505  background: rgba(255,255,255,.10);
3506
3507  border: 1px solid rgba(255,255,255,.22);
3508
3509  color: #ffffff !important;
3510
3511  font-size: 12px;
3512
3513  font-weight: 600;
3514
3515  text-decoration: none !important;
3516
3517  transition:
3518    background .2s ease,
3519    transform .2s ease;
3520
3521}
3522
3523
3524.mbss-newsletter:hover {
3525
3526  background: rgba(255,255,255,.20);
3527
3528  color: #ffffff !important;
3529
3530  transform: translateY(-1px);
3531
3532}
3533
3534
3535.mbss-newsletter-icon {
3536
3537  width: 17px;
3538
3539  height: 17px;
3540
3541  display: flex;
3542
3543}
3544
3545
3546.mbss-newsletter-icon svg {
3547
3548  width: 100%;
3549
3550  height: 100%;
3551
3552  fill: none;
3553
3554  stroke: currentColor;
3555
3556  stroke-width: 1.7;
3557
3558  stroke-linecap: round;
3559
3560  stroke-linejoin: round;
3561
3562}
3563
3564
3565/* =========================================================
3566   FOOTER
3567   ========================================================= */
3568
3569.mbss-footer {
3570
3571  width: 100%;
3572
3573  background: transparent !important;
3574
3575  color: #ffffff;
3576
3577}
3578
3579
3580/* =========================================================
3581   LIGNE PRINCIPALE
3582   ========================================================= */
3583
3584.mbss-footer-inner {
3585
3586  max-width: 980px;
3587
3588  box-sizing: border-box;
3589
3590  margin: 0 auto;
3591
3592  padding: 24px 25px 19px;
3593
3594  border-top: 1px solid rgba(255,255,255,.14);
3595
3596  display: flex;
3597
3598  align-items: center;
3599
3600  justify-content: space-between;
3601
3602  gap: 40px;
3603
3604}
3605
3606
3607/* =========================================================
3608   IDENTITÉ
3609   ========================================================= */
3610
3611.mbss-footer-name {
3612
3613  margin-bottom: 5px;
3614
3615  color: #ffffff;
3616
3617  font-size: 24px;
3618
3619  line-height: 1.1;
3620
3621  font-weight: 800;
3622
3623  letter-spacing: -.6px;
3624
3625}
3626
3627
3628.mbss-footer-name span {
3629  color: #d9f7ff;
3630}
3631
3632
3633.mbss-footer-tagline {
3634
3635  color: rgba(255,255,255,.76);
3636
3637  font-size: 12px;
3638
3639}
3640
3641
3642/* =========================================================
3643   CONTACT
3644   ========================================================= */
3645
3646.mbss-footer-contact {
3647
3648  display: flex;
3649
3650  flex-direction: column;
3651
3652  align-items: flex-end;
3653
3654}
3655
3656
3657.mbss-footer-contact-label {
3658
3659  margin-bottom: 4px;
3660
3661  color: rgba(255,255,255,.70);
3662
3663  font-size: 11px;
3664
3665}
3666
3667
3668.mbss-footer-phone {
3669
3670  display: inline-flex;
3671
3672  align-items: center;
3673
3674  gap: 9px;
3675
3676  color: #ffffff !important;
3677
3678  font-size: 25px;
3679
3680  line-height: 1.2;
3681
3682  font-weight: 800;
3683
3684  letter-spacing: .4px;
3685
3686  text-decoration: none !important;
3687
3688}
3689
3690
3691.mbss-footer-phone-icon {
3692
3693  width: 34px;
3694
3695  height: 34px;
3696
3697  display: inline-flex;
3698
3699  align-items: center;
3700
3701  justify-content: center;
3702
3703  border-radius: 50%;
3704
3705  background: rgba(255,255,255,.13);
3706
3707  border: 1px solid rgba(255,255,255,.20);
3708
3709}
3710
3711
3712.mbss-footer-phone-icon svg {
3713
3714  width: 16px;
3715
3716  height: 16px;
3717
3718  fill: none;
3719
3720  stroke: #ffffff;
3721
3722  stroke-width: 2;
3723
3724  stroke-linecap: round;
3725
3726  stroke-linejoin: round;
3727
3728}
3729
3730
3731/* =========================================================
3732   BAS
3733   ========================================================= */
3734
3735.mbss-footer-bottom {
3736
3737  max-width: 980px;
3738
3739  box-sizing: border-box;
3740
3741  margin: 0 auto;
3742
3743  padding: 14px 25px 20px;
3744
3745  border-top: 1px solid rgba(255,255,255,.18);
3746
3747  display: flex;
3748
3749  align-items: center;
3750
3751  justify-content: space-between;
3752
3753  gap: 20px;
3754
3755}
3756
3757
3758.mbss-footer-links {
3759
3760  display: flex;
3761
3762  align-items: center;
3763
3764  gap: 14px;
3765
3766}
3767
3768
3769.mbss-footer-links a {
3770
3771  color: rgba(255,255,255,.90) !important;
3772
3773  font-size: 12px;
3774
3775  font-weight: 600;
3776
3777  text-decoration: none !important;
3778
3779}
3780
3781
3782.mbss-footer-links a:hover {
3783
3784  color: #ffffff !important;
3785
3786}
3787
3788
3789.mbss-footer-separator {
3790
3791  width: 4px;
3792
3793  height: 4px;
3794
3795  border-radius: 50%;
3796
3797  background: rgba(255,255,255,.65);
3798
3799}
3800
3801
3802.mbss-footer-copy {
3803
3804  color: rgba(255,255,255,.50);
3805
3806  font-size: 10px;
3807
3808}
3809
3810
3811/* =========================================================
3812   MOBILE
3813   ========================================================= */
3814
3815@media (max-width: 700px) {
3816
3817  .mbss-footer-top {
3818
3819    max-width: 420px;
3820
3821    padding: 5px 15px 28px;
3822
3823    grid-template-columns: 68px 1fr 68px;
3824
3825    column-gap: 12px;
3826
3827  }
3828
3829
3830  .mbss-partner {
3831
3832    width: 64px;
3833
3834    height: 82px;
3835
3836    padding: 6px;
3837
3838    border-radius: 10px;
3839
3840  }
3841
3842
3843  .mbss-footer-actions {
3844
3845    width: auto;
3846
3847  }
3848
3849
3850  .mbss-don {
3851
3852    width: auto;
3853
3854    min-width: 180px;
3855
3856    padding: 10px 16px;
3857
3858    font-size: 13px;
3859
3860  }
3861
3862
3863  .mbss-socials a {
3864
3865    width: 34px;
3866
3867    height: 34px;
3868
3869  }
3870
3871
3872  .mbss-newsletter {
3873
3874    padding: 7px 12px;
3875
3876    font-size: 11px;
3877
3878  }
3879
3880
3881  .mbss-footer-inner {
3882
3883    padding: 23px 20px 19px;
3884
3885    flex-direction: column;
3886
3887    text-align: center;
3888
3889    gap: 20px;
3890
3891  }
3892
3893
3894  .mbss-footer-contact {
3895
3896    align-items: center;
3897
3898  }
3899
3900
3901  .mbss-footer-name {
3902
3903    font-size: 22px;
3904
3905  }
3906
3907
3908  .mbss-footer-phone {
3909
3910    font-size: 23px;
3911
3912  }
3913
3914
3915  .mbss-footer-bottom {
3916
3917    padding: 14px 20px 20px;
3918
3919    flex-direction: column;
3920
3921    gap: 9px;
3922
3923    text-align: center;
3924
3925  }
3926
3927
3928  .mbss-footer-links {
3929
3930    justify-content: center;
3931
3932    flex-wrap: wrap;
3933
3934  }
3935
3936}
3937
3938
3939/* =========================================================
3940   PETITS MOBILES
3941   ========================================================= */
3942
3943@media (max-width: 430px) {
3944
3945  .mbss-footer-top {
3946
3947    grid-template-columns: 54px 1fr 54px;
3948
3949    column-gap: 7px;
3950
3951  }
3952
3953
3954  .mbss-partner {
3955
3956    width: 52px;
3957
3958    height: 68px;
3959
3960    padding: 4px;
3961
3962    border-radius: 8px;
3963
3964  }
3965
3966
3967  .mbss-don {
3968
3969    min-width: 160px;
3970
3971    font-size: 12px;
3972
3973  }
3974
3975}
3976
3977</style></div>
3978                
3979            
3980        
3981    
3982</div>
3983        </div>    
3984</div>
3985                                </div>                
3986            
3987        
3988    
3989</div>            </footer>
3990            
3991        </div>
3992
3993        
3994        
3994<script>
3995document.addEventListener('DOMContentLoaded', function () {
3996
3997    const registration = document.getElementById('registrationTable');
3998    if (!registration) return;
3999
4000
4001    /* =====================================================
4002       MBSS — VALEURS PRÉFIXÉES DES CHAMPS CONDITIONNELS
4003       ===================================================== */
4004
4005
4006    /*
4007     * Valeurs mémorisées.
4008     * Elles seront récupérées automatiquement lorsque
4009     * Community Builder les fournit au chargement.
4010     */
4011    const mbssStoredDefaults = {};
4012
4013
4014    /* -----------------------------------------------------
4015       MÉMORISATION DES VALEURS INITIALES
4016       ----------------------------------------------------- */
4017
4018    function memorizeDefaults() {
4019
4020        registration.querySelectorAll('select').forEach(function(select) {
4021
4022            if (select.dataset.mbssInitialized === 'true') {
4023                return;
4024            }
4025
4026            const selectedOption =
4027                Array.from(select.options).find(function(option) {
4028                    return option.defaultSelected ||
4029                           option.hasAttribute('selected');
4030                });
4031
4032
4033            if (selectedOption && selectedOption.value !== '') {
4034
4035                mbssStoredDefaults[select.id] =
4036                    selectedOption.value;
4037
4038                select.dataset.mbssDefaultValue =
4039                    selectedOption.value;
4040            }
4041
4042
4043            select.dataset.mbssUserChanged = 'false';
4044            select.dataset.mbssInitialized = 'true';
4045
4046
4047            /*
4048             * Si l'utilisateur choisit lui-même une valeur,
4049             * son choix devient prioritaire.
4050             */
4051
4052            select.addEventListener('change', function(event) {
4053
4054                if (event.isTrusted) {
4055                    select.dataset.mbssUserChanged = 'true';
4056                }
4057
4058            });
4059
4060        });
4061
4062    }
4063
4064
4065    /* -----------------------------------------------------
4066       RESTAURATION DES VALEURS
4067       ----------------------------------------------------- */
4068
4069    function restoreConditionalSelects() {
4070
4071        /*
4072         * Important :
4073         * CB peut créer/recréer certains champs après coup.
4074         */
4075        memorizeDefaults();
4076
4077
4078        registration.querySelectorAll('select').forEach(function(select) {
4079
4080            /*
4081             * Ne jamais écraser le choix de l'utilisateur.
4082             */
4083            if (select.dataset.mbssUserChanged === 'true') {
4084                return;
4085            }
4086
4087
4088            /*
4089             * Une valeur est déjà présente :
4090             * aucune intervention.
4091             */
4092            if (select.value !== '') {
4093                return;
4094            }
4095
4096
4097            let defaultValue =
4098                select.dataset.mbssDefaultValue ||
4099                mbssStoredDefaults[select.id];
4100
4101
4102            if (!defaultValue) {
4103                return;
4104            }
4105
4106
4107            /*
4108             * Vérifie que l'option existe.
4109             */
4110            const optionExists =
4111                Array.from(select.options).some(function(option) {
4112                    return option.value === defaultValue;
4113                });
4114
4115
4116            if (!optionExists) {
4117                return;
4118            }
4119
4120
4121            /*
4122             * Restaure la valeur.
4123             */
4124            select.value = defaultValue;
4125
4126
4127            /*
4128             * Informe Community Builder.
4129             */
4130            select.dispatchEvent(
4131                new Event('change', {
4132                    bubbles: true
4133                })
4134            );
4135
4136        });
4137
4138    }
4139
4140
4141    /* =====================================================
4142       INITIALISATION
4143       ===================================================== */
4144
4145    memorizeDefaults();
4146
4147
4148    /*
4149     * Plusieurs passages car Community Builder peut
4150     * initialiser les conditions après DOMContentLoaded.
4151     */
4152
4153    setTimeout(restoreConditionalSelects, 100);
4154    setTimeout(restoreConditionalSelects, 300);
4155    setTimeout(restoreConditionalSelects, 700);
4156
4157
4158    /* =====================================================
4159       SURVEILLANCE DES CONDITIONS COMMUNITY BUILDER
4160       ===================================================== */
4161
4162    let timer = null;
4163
4164
4165    const observer = new MutationObserver(function() {
4166
4167        clearTimeout(timer);
4168
4169        timer = setTimeout(function() {
4170
4171            restoreConditionalSelects();
4172
4173        }, 60);
4174
4175    });
4176
4177
4178    observer.observe(registration, {
4179
4180        subtree: true,
4181
4182        childList: true,
4183
4184        attributes: true,
4185
4186        attributeFilter: [
4187            'class',
4188            'style',
4189            'disabled',
4190            'hidden'
4191        ]
4192
4193    });
4194
4195});
4196</script>
4196
4197        
4198
4199    </body>
4200</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.