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">◮</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="{"align":"left","container":".tm-header-mobile > [uk-sticky]","boundary":".tm-header-mobile .uk-navbar-container"}"> 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: > .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 & 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="{"align":"left","container":".tm-header","boundary":".tm-header .uk-navbar-container"}"> 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: > .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 & 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="[{"type":"image\/webp","srcset":"\/component\/ajax\/?p=cache\/20\/img_mbss_homeB-206084ae.webp&src=images\/mbss\/logos-partenaires\/img_mbss_homeB.jpg&thumbnail=768,270,,center,bottom&type=webp,85&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","sizes":"(min-width: 2560px) 2560px"}]" 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é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;"> ⚐</font></span><!-- END: Tooltips --></label> 2828 <div class="formControls uk-form-controls"> 2829 <input type="text" value="" size="20" placeholder="Entrez votre clé" 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.