@cnamts/synapse 0.0.3-alpha → 0.0.5-alpha

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (300) hide show
  1. package/dist/design-system-v3.d.ts +1461 -68
  2. package/dist/design-system-v3.js +4775 -1673
  3. package/dist/design-system-v3.umd.cjs +10 -1
  4. package/dist/style.css +1 -1
  5. package/package.json +6 -2
  6. package/src/assets/tokens.scss +0 -1
  7. package/src/components/Alert/Accessibilite.mdx +14 -0
  8. package/src/components/Alert/Accessibilite.stories.ts +166 -0
  9. package/src/components/Alert/AccessibiliteItems.ts +152 -0
  10. package/src/components/Alert/Alert.mdx +1 -1
  11. package/src/components/Alert/Alert.stories.ts +91 -1
  12. package/src/components/Alert/constants/ExpertiseLevelEnum.ts +4 -0
  13. package/src/components/BackBtn/Accessibilite.mdx +14 -0
  14. package/src/components/BackBtn/Accessibilite.stories.ts +166 -0
  15. package/src/components/BackBtn/AccessibiliteItems.ts +132 -0
  16. package/src/components/BackBtn/BackBtn.mdx +1 -1
  17. package/src/components/BackBtn/BackBtn.stories.ts +84 -1
  18. package/src/components/BackBtn/constants/ExpertiseLevelEnum.ts +4 -0
  19. package/src/components/BackToTopBtn/Accessibilite.mdx +14 -0
  20. package/src/components/BackToTopBtn/Accessibilite.stories.ts +166 -0
  21. package/src/components/BackToTopBtn/AccessibiliteItems.ts +82 -0
  22. package/src/components/BackToTopBtn/BackToTopBtn.mdx +3 -3
  23. package/src/components/BackToTopBtn/BackToTopBtn.stories.ts +172 -11
  24. package/src/components/BackToTopBtn/constants/ExpertiseLevelEnum.ts +4 -0
  25. package/src/components/CollapsibleList/Accessibilite.mdx +14 -0
  26. package/src/components/CollapsibleList/Accessibilite.stories.ts +166 -0
  27. package/src/components/CollapsibleList/AccessibiliteItems.ts +129 -0
  28. package/src/components/CollapsibleList/CollapsibleList.mdx +2 -2
  29. package/src/components/CollapsibleList/CollapsibleList.stories.ts +37 -1
  30. package/src/components/CollapsibleList/constants/ExpertiseLevelEnum.ts +4 -0
  31. package/src/components/CopyBtn/Accessibilite.mdx +14 -0
  32. package/src/components/CopyBtn/Accessibilite.stories.ts +166 -0
  33. package/src/components/CopyBtn/AccessibiliteItems.ts +135 -0
  34. package/src/components/CopyBtn/CopyBtn.mdx +1 -1
  35. package/src/components/CopyBtn/CopyBtn.stories.ts +120 -1
  36. package/src/components/CopyBtn/CopyBtn.vue +1 -1
  37. package/src/components/CopyBtn/config.ts +2 -0
  38. package/src/components/CopyBtn/constants/ExpertiseLevelEnum.ts +4 -0
  39. package/src/components/Customs/SyBtnSelect/SyBtnSelect.mdx +44 -0
  40. package/src/components/Customs/SyBtnSelect/SyBtnSelect.stories.ts +606 -0
  41. package/src/components/Customs/SyBtnSelect/SyBtnSelect.vue +246 -0
  42. package/src/components/Customs/SyBtnSelect/tests/SyBtnSelect.spec.ts +168 -0
  43. package/src/components/Customs/SyInputSelect/SyInputSelect.mdx +40 -0
  44. package/src/components/Customs/SyInputSelect/SyInputSelect.stories.ts +420 -0
  45. package/src/components/Customs/{CustomInputSelect/CustomInputSelect.vue → SyInputSelect/SyInputSelect.vue} +89 -54
  46. package/src/components/Customs/SyInputSelect/config.ts +10 -0
  47. package/src/components/Customs/SyInputSelect/tests/SyInputSelect.spec.ts +140 -0
  48. package/src/components/Customs/{CustomSelect/CustomSelect.mdx → SySelect/SySelect.mdx} +10 -10
  49. package/src/components/Customs/SySelect/SySelect.stories.ts +338 -0
  50. package/src/components/Customs/{CustomSelect/CustomSelect.vue → SySelect/SySelect.vue} +34 -11
  51. package/src/components/Customs/{CustomInputSelect/tests/CustomInputSelect.spec.ts → SySelect/tests/SySelect.spec.ts} +48 -71
  52. package/src/components/Customs/SyTextField/SyTextField.mdx +44 -0
  53. package/src/components/Customs/SyTextField/SyTextField.stories.ts +403 -0
  54. package/src/components/Customs/SyTextField/SyTextField.vue +110 -0
  55. package/src/components/Customs/SyTextField/tests/SyTextField.spec.ts +93 -0
  56. package/src/components/Customs/SyTextField/tests/__snapshots__/SyTextField.spec.ts.snap +57 -0
  57. package/src/components/Customs/SyTextField/types.d.ts +3 -0
  58. package/src/components/DataList/DataList.mdx +77 -0
  59. package/src/components/DataList/DataList.stories.ts +960 -0
  60. package/src/components/DataList/DataList.vue +140 -0
  61. package/src/components/DataList/DataListLoading/DataListLoading.vue +56 -0
  62. package/src/components/DataList/DataListLoading/tests/DataListLoading.spec.ts +23 -0
  63. package/src/components/DataList/locales.ts +3 -0
  64. package/src/components/DataList/tests/DataList.spec.ts +194 -0
  65. package/src/components/DataList/types.d.ts +23 -0
  66. package/src/components/DataListGroup/DataListGroup.mdx +77 -0
  67. package/src/components/DataListGroup/DataListGroup.stories.ts +987 -0
  68. package/src/components/DataListGroup/DataListGroup.vue +59 -0
  69. package/src/components/DataListGroup/tests/DataListGroup.spec.ts +54 -0
  70. package/src/components/DataListGroup/tests/data/dataListGroupItems.ts +41 -0
  71. package/src/components/DataListGroup/types.d.ts +15 -0
  72. package/src/components/DataListItem/DataListItem.vue +135 -0
  73. package/src/components/DataListItem/config.ts +17 -0
  74. package/src/components/DataListItem/locales.ts +3 -0
  75. package/src/components/DataListItem/tests/DataListItem.spec.ts +156 -0
  76. package/src/components/DataListItem/types.d.ts +23 -0
  77. package/src/components/DialogBox/DialogBox.mdx +14 -0
  78. package/src/components/DialogBox/DialogBox.stories.ts +798 -0
  79. package/src/components/DialogBox/DialogBox.vue +181 -0
  80. package/src/components/DialogBox/config.ts +25 -0
  81. package/src/components/DialogBox/locales.ts +5 -0
  82. package/src/components/DialogBox/tests/DialogBox.spec.ts +329 -0
  83. package/src/components/DialogBox/tests/__snapshots__/DialogBox.spec.ts.snap +46 -0
  84. package/src/components/DownloadBtn/Accessibilite.mdx +14 -0
  85. package/src/components/DownloadBtn/Accessibilite.stories.ts +166 -0
  86. package/src/components/DownloadBtn/AccessibiliteItems.ts +129 -0
  87. package/src/components/DownloadBtn/DownloadBtn.mdx +5 -6
  88. package/src/components/DownloadBtn/DownloadBtn.stories.ts +207 -2
  89. package/src/components/DownloadBtn/constants/ExpertiseLevelEnum.ts +4 -0
  90. package/src/components/ErrorPage/ErrorPage.mdx +21 -0
  91. package/src/components/ErrorPage/ErrorPage.stories.ts +133 -0
  92. package/src/components/ErrorPage/ErrorPage.vue +93 -0
  93. package/src/components/ErrorPage/locales.ts +5 -0
  94. package/src/components/ErrorPage/tests/ErrorPage.spec.ts +40 -0
  95. package/src/components/ErrorPage/tests/__snapshots__/ErrorPage.spec.ts.snap +78 -0
  96. package/src/components/FooterBar/FooterBar.mdx +2 -2
  97. package/src/components/FooterBar/FooterBar.stories.ts +557 -9
  98. package/src/components/FooterBar/config.ts +2 -3
  99. package/src/components/FooterBar/tests/FooterBar.spec.ts +1 -1
  100. package/src/components/FooterBar/tests/FooterBarConfig.spec.ts +1 -1
  101. package/src/components/FooterBar/tests/__snapshots__/FooterBar.spec.ts.snap +2 -2
  102. package/src/components/FranceConnectBtn/Accessibilite.mdx +14 -0
  103. package/src/components/FranceConnectBtn/Accessibilite.stories.ts +194 -0
  104. package/src/components/FranceConnectBtn/AccessibiliteItems.ts +199 -0
  105. package/src/components/FranceConnectBtn/FranceConnectBtn.mdx +1 -1
  106. package/src/components/FranceConnectBtn/FranceConnectBtn.stories.ts +58 -1
  107. package/src/components/FranceConnectBtn/constants/ExpertiseLevelEnum.ts +4 -0
  108. package/src/components/HeaderBar/HeaderBar.mdx +164 -45
  109. package/src/components/HeaderBar/HeaderBar.stories.ts +618 -16
  110. package/src/components/HeaderBar/HeaderBar.vue +60 -22
  111. package/src/components/HeaderBar/HeaderBurgerMenu/HeaderBurgerMenu.mdx +433 -0
  112. package/src/components/HeaderBar/HeaderBurgerMenu/HeaderBurgerMenu.stories.ts +1089 -0
  113. package/src/components/HeaderBar/{HeaderComplexMenu/HeaderComplexMenu.vue → HeaderBurgerMenu/HeaderBurgerMenu.vue} +74 -45
  114. package/src/components/HeaderBar/HeaderBurgerMenu/HeaderMenuItem/HeaderMenuItem.mdx +38 -0
  115. package/src/components/HeaderBar/HeaderBurgerMenu/HeaderMenuItem/HeaderMenuItem.stories.ts +89 -0
  116. package/src/components/HeaderBar/{HeaderComplexMenu → HeaderBurgerMenu}/HeaderMenuItem/tests/__snapshots__/HeaderMenuItem.spec.ts.snap +1 -1
  117. package/src/components/HeaderBar/HeaderBurgerMenu/HeaderMenuSection/HeaderMenuSection.mdx +17 -0
  118. package/src/components/HeaderBar/HeaderBurgerMenu/HeaderMenuSection/HeaderMenuSection.stories.ts +121 -0
  119. package/src/components/HeaderBar/{HeaderComplexMenu → HeaderBurgerMenu}/HeaderMenuSection/HeaderMenuSection.vue +2 -2
  120. package/src/components/HeaderBar/{HeaderComplexMenu → HeaderBurgerMenu}/HeaderMenuSection/tests/HeaderMenuSection.spec.ts +1 -3
  121. package/src/components/HeaderBar/HeaderBurgerMenu/HeaderSubMenu/HeaderSubMenu.mdx +43 -0
  122. package/src/components/HeaderBar/HeaderBurgerMenu/HeaderSubMenu/HeaderSubMenu.stories.ts +261 -0
  123. package/src/components/HeaderBar/{HeaderComplexMenu → HeaderBurgerMenu}/HeaderSubMenu/HeaderSubMenu.vue +17 -3
  124. package/src/components/HeaderBar/{HeaderComplexMenu → HeaderBurgerMenu}/HeaderSubMenu/tests/HeaderSubMenu.spec.ts +1 -1
  125. package/src/components/HeaderBar/HeaderBurgerMenu/tests/HeaderBurgerMenu.spec.ts +180 -0
  126. package/src/components/HeaderBar/HeaderBurgerMenu/tests/__snapshots__/HeaderBurgerMenu.spec.ts.snap +13 -0
  127. package/src/components/HeaderBar/HeaderBurgerMenu/tests/__snapshots__/HeaderComplexMenu.spec.ts.snap +13 -0
  128. package/src/components/HeaderBar/HeaderLogo/HeaderLogo.vue +62 -25
  129. package/src/components/HeaderBar/HeaderLogo/tests/HeaderLogo.spec.ts +49 -1
  130. package/src/components/HeaderBar/HeaderMenuBtn/HeaderMenuBtn.vue +19 -23
  131. package/src/components/HeaderBar/HeaderMenuBtn/tests/HeaderMenuBtn.spec.ts +70 -0
  132. package/src/components/HeaderBar/Usages.mdx +85 -0
  133. package/src/components/HeaderBar/consts.scss +0 -1
  134. package/src/components/HeaderBar/tests/HeaderBar.spec.ts +8 -2
  135. package/src/components/HeaderBar/tests/__snapshots__/HeaderBar.spec.ts.snap +5 -10
  136. package/src/components/HeaderLoading/HeaderLoading.mdx +28 -0
  137. package/src/components/HeaderLoading/HeaderLoading.stories.ts +62 -0
  138. package/src/components/HeaderLoading/HeaderLoading.vue +45 -0
  139. package/src/components/HeaderLoading/tests/HeaderLoading.spec.ts +22 -0
  140. package/src/components/HeaderNavigationBar/HeaderNavigationBar.mdx +128 -0
  141. package/src/components/HeaderNavigationBar/HeaderNavigationBar.stories.ts +784 -0
  142. package/src/components/HeaderNavigationBar/HeaderNavigationBar.vue +194 -0
  143. package/src/components/HeaderNavigationBar/HorizontalNavbar/HorizontalNavbar.vue +74 -0
  144. package/src/components/HeaderNavigationBar/HorizontalNavbar/config.ts +18 -0
  145. package/src/components/HeaderNavigationBar/tests/HeaderNavigationBar.spec.ts +127 -0
  146. package/src/components/HeaderNavigationBar/types.ts +7 -0
  147. package/src/components/HeaderToolbar/HeaderToolbar.mdx +31 -0
  148. package/src/components/HeaderToolbar/HeaderToolbar.stories.ts +343 -0
  149. package/src/components/HeaderToolbar/HeaderToolbar.vue +487 -0
  150. package/src/components/HeaderToolbar/tests/HeaderToolbar.spec.ts +230 -0
  151. package/src/components/HeaderToolbar/types.d.ts +20 -0
  152. package/src/components/LangBtn/Accessibilite.mdx +14 -0
  153. package/src/components/LangBtn/Accessibilite.stories.ts +166 -0
  154. package/src/components/LangBtn/AccessibiliteItems.ts +132 -0
  155. package/src/components/LangBtn/LangBtn.mdx +1 -1
  156. package/src/components/LangBtn/LangBtn.stories.ts +125 -8
  157. package/src/components/LangBtn/constants/ExpertiseLevelEnum.ts +4 -0
  158. package/src/components/LangBtn/tests/LangBtn.spec.ts +1 -1
  159. package/src/components/LangBtn/tests/__snapshots__/LangBtn.spec.ts.snap +1 -1
  160. package/src/components/Logo/Logo.mdx +2 -2
  161. package/src/components/Logo/Logo.stories.ts +147 -1
  162. package/src/components/LogoBrandSection/LogoBrandSection.mdx +14 -0
  163. package/src/components/LogoBrandSection/LogoBrandSection.stories.ts +158 -0
  164. package/src/components/LogoBrandSection/LogoBrandSection.vue +312 -0
  165. package/src/components/LogoBrandSection/assets/ameli-pro.svg +1 -0
  166. package/src/components/LogoBrandSection/assets/ameli.svg +1 -0
  167. package/src/components/LogoBrandSection/assets/cnam.svg +1 -0
  168. package/src/components/LogoBrandSection/assets/compte-ameli.svg +1 -0
  169. package/src/components/LogoBrandSection/dividerDimensionsMapping.ts +14 -0
  170. package/src/components/LogoBrandSection/locales.ts +14 -0
  171. package/src/components/LogoBrandSection/secondaryLogoMapping.ts +24 -0
  172. package/src/components/LogoBrandSection/tests/LogoBrandSection.spec.ts +365 -0
  173. package/src/components/LogoBrandSection/tests/__snapshots__/LogoBrandSection.spec.ts.snap +14 -0
  174. package/src/components/LogoBrandSection/types.ts +8 -0
  175. package/src/components/MaintenancePage/MaintenancePage.mdx +11 -0
  176. package/src/components/MaintenancePage/MaintenancePage.stories.ts +41 -0
  177. package/src/components/MaintenancePage/MaintenancePage.vue +25 -0
  178. package/src/components/MaintenancePage/assets/maintenance.svg +1 -0
  179. package/src/components/MaintenancePage/index.ts +3 -0
  180. package/src/components/MaintenancePage/locales.ts +5 -0
  181. package/src/components/MaintenancePage/tests/MaintenancePage.spec.ts +12 -0
  182. package/src/components/MaintenancePage/tests/__snapshots__/MaintenancePage.spec.ts.snap +3 -0
  183. package/src/components/NotFoundPage/NotFoundPage.mdx +19 -0
  184. package/src/components/NotFoundPage/NotFoundPage.stories.ts +76 -0
  185. package/src/components/NotFoundPage/NotFoundPage.vue +52 -0
  186. package/src/components/NotFoundPage/assets/not-found.svg +1 -0
  187. package/src/components/NotFoundPage/locales.ts +6 -0
  188. package/src/components/NotFoundPage/tests/NotFoundPage.spec.ts +38 -0
  189. package/src/components/NotFoundPage/tests/__snapshots__/NotFoundPage.spec.ts.snap +76 -0
  190. package/src/components/NotificationBar/Accessibilite.mdx +14 -0
  191. package/src/components/NotificationBar/Accessibilite.stories.ts +166 -0
  192. package/src/components/NotificationBar/AccessibiliteItems.ts +174 -0
  193. package/src/components/NotificationBar/NotificationBar.mdx +6 -6
  194. package/src/components/NotificationBar/NotificationBar.stories.ts +1 -1
  195. package/src/components/NotificationBar/NotificationBar.vue +2 -2
  196. package/src/components/NotificationBar/constants/ExpertiseLevelEnum.ts +4 -0
  197. package/src/components/NotificationBar/options.ts +1 -0
  198. package/src/components/NotificationBar/tests/NotificationBar.spec.ts +1 -1
  199. package/src/components/PageContainer/Accessibilite.mdx +14 -0
  200. package/src/components/PageContainer/Accessibilite.stories.ts +166 -0
  201. package/src/components/PageContainer/AccessibiliteItems.ts +52 -0
  202. package/src/components/PageContainer/PageContainer.mdx +1 -1
  203. package/src/components/PageContainer/PageContainer.stories.ts +86 -1
  204. package/src/components/PageContainer/constants/ExpertiseLevelEnum.ts +4 -0
  205. package/src/components/PhoneField/PhoneField.mdx +49 -0
  206. package/src/components/PhoneField/PhoneField.stories.ts +869 -0
  207. package/src/components/PhoneField/PhoneField.vue +230 -0
  208. package/src/components/PhoneField/indicatifs.ts +104 -0
  209. package/src/components/PhoneField/locales.ts +4 -0
  210. package/src/components/PhoneField/tests/PhoneField.spec.ts +179 -0
  211. package/src/components/SkipLink/Accessibilite.mdx +14 -0
  212. package/src/components/SkipLink/Accessibilite.stories.ts +167 -0
  213. package/src/components/SkipLink/AccessibiliteItems.ts +77 -0
  214. package/src/components/SkipLink/SkipLink.stories.ts +50 -1
  215. package/src/components/SkipLink/constants/ExpertiseLevelEnum.ts +4 -0
  216. package/src/components/SocialMediaLinks/SocialMediaLinks.mdx +33 -2
  217. package/src/components/SocialMediaLinks/SocialMediaLinks.stories.ts +38 -1
  218. package/src/components/SocialMediaLinks/tests/SocialMediaLinks.spec.ts +1 -1
  219. package/src/components/SocialMediaLinks/tests/__snapshots__/SocialMediaLinks.spec.ts.snap +2 -2
  220. package/src/components/SubHeader/SubHeader.mdx +31 -0
  221. package/src/components/SubHeader/SubHeader.stories.ts +1032 -0
  222. package/src/components/SubHeader/SubHeader.vue +185 -0
  223. package/src/components/SubHeader/config.ts +12 -0
  224. package/src/components/SubHeader/locales.ts +3 -0
  225. package/src/components/SubHeader/tests/SubHeader.spec.ts +144 -0
  226. package/src/components/UserMenuBtn/UserMenuBtn.mdx +35 -0
  227. package/src/components/UserMenuBtn/UserMenuBtn.stories.ts +438 -0
  228. package/src/components/UserMenuBtn/UserMenuBtn.vue +105 -0
  229. package/src/components/UserMenuBtn/config.ts +24 -0
  230. package/src/components/UserMenuBtn/tests/UserMenuBtn.spec.ts +125 -0
  231. package/src/components/index.ts +33 -7
  232. package/src/composables/index.ts +8 -0
  233. package/src/composables/rules/tests/useFieldValidation.spec.ts +82 -0
  234. package/src/composables/rules/useFieldValidation.ts +53 -0
  235. package/src/composables/widthable/index.ts +29 -0
  236. package/src/composables/widthable/tests/widthable.spec.ts +52 -0
  237. package/src/designTokens/index.ts +2 -0
  238. package/src/designTokens/tokens/cnam/cnamDarkTheme.ts +5 -0
  239. package/src/designTokens/tokens/cnam/cnamLightTheme.ts +3 -2
  240. package/src/main.ts +3 -0
  241. package/src/modules.d.ts +4 -0
  242. package/src/services/index.ts +1 -0
  243. package/src/stories/Demarrer/Accueil.mdx +10 -0
  244. package/src/stories/Demarrer/Accueil.stories.ts +76 -0
  245. package/src/stories/Demarrer/PolitiqueDeConfidentialite.mdx +9 -0
  246. package/src/stories/Demarrer/PolitiqueDeConfidentialite.stories.ts +20 -0
  247. package/src/stories/Fondamentaux/Arrondis.mdx +24 -0
  248. package/src/stories/{Guidelines → Fondamentaux}/Colors.mdx +1 -1
  249. package/src/stories/Fondamentaux/Conteneurs.mdx +7 -0
  250. package/src/stories/Fondamentaux/CustomisationEtThemes.mdx +7 -0
  251. package/src/stories/Fondamentaux/Elevations.mdx +14 -0
  252. package/src/stories/Fondamentaux/Espacements.mdx +29 -0
  253. package/src/stories/{Guidelines → Fondamentaux}/Introduction.mdx +1 -1
  254. package/src/stories/Fondamentaux/StylesTypographiques.mdx +33 -0
  255. package/src/stories/Fondamentaux/Typographie.mdx +58 -0
  256. package/src/stories/GuideDuDev/CommentUtiliserLesRules.mdx +132 -0
  257. package/src/stories/GuideDuDev/moduleDeNotification.mdx +52 -48
  258. package/src/stories/GuideDuDev/vuetifyOptions.mdx +31 -28
  259. package/src/stories/{Fondamentaux → Guidelines}/Accessibilite/Accessibilite.mdx +1 -2
  260. package/src/stories/{Fondamentaux → Guidelines}/Accessibilite/Accessibilite.stories.ts +1 -1
  261. package/src/stories/{Fondamentaux → Guidelines}/EcoConception/Econception.stories.ts +2 -2
  262. package/src/utils/functions/throttleDisplayFn/tests/throttleDisplayFn.spec.ts +47 -0
  263. package/src/utils/functions/throttleDisplayFn/throttleDisplayFn.ts +26 -0
  264. package/src/utils/rules/exactLength/index.ts +33 -0
  265. package/src/utils/rules/exactLength/locales.ts +6 -0
  266. package/src/utils/rules/required/index.ts +25 -0
  267. package/src/utils/rules/required/locales.ts +5 -0
  268. package/src/utils/rules/required/ruleMessageHelper.ts +14 -0
  269. package/src/utils/rules/required/tests/index.spec.ts +47 -0
  270. package/src/utils/rules/required/tests/rulesMessageHelper.spec.ts +22 -0
  271. package/src/utils/rules/types.d.ts +15 -0
  272. package/src/components/Beta/beta.mdx +0 -5
  273. package/src/components/Customs/CustomInputSelect/CustomInputSelect.mdx +0 -42
  274. package/src/components/Customs/CustomInputSelect/CustomInputSelect.stories.ts +0 -154
  275. package/src/components/Customs/CustomSelect/CustomSelect.stories.ts +0 -182
  276. package/src/components/Customs/CustomSelect/tests/CustomSelect.spec.ts +0 -236
  277. package/src/components/Deprecated/deprecated.mdx +0 -5
  278. package/src/components/HeaderBar/HeaderComplexMenu/HeaderComplexMenu.stories.ts +0 -272
  279. package/src/components/HeaderBar/HeaderComplexMenu/HeaderMenuItem/HeaderMenuItem.stories.ts +0 -49
  280. package/src/components/HeaderBar/HeaderComplexMenu/HeaderMenuSection/HeaderMenuSection.stories.ts +0 -56
  281. package/src/components/HeaderBar/HeaderComplexMenu/HeaderSubMenu/HeaderSubMenu.stories.ts +0 -137
  282. package/src/components/HeaderBar/HeaderComplexMenu/tests/HeaderComplexMenu.spec.ts +0 -129
  283. package/src/components/HeaderBar/HeaderComplexMenu/tests/__snapshots__/HeaderComplexMenu.spec.ts.snap +0 -18
  284. package/src/stories/Guidelines/CustomisationEtThemes.mdx +0 -3
  285. package/src/stories/Guidelines/Typo.mdx +0 -53
  286. package/src/stories/Home/Accueil.mdx +0 -7
  287. package/src/stories/Home/PolitiqueDeConfidentialite.mdx +0 -4
  288. package/src/stories/Home/synapse.webp +0 -0
  289. /package/src/components/HeaderBar/{HeaderComplexMenu → HeaderBurgerMenu}/HeaderMenuItem/HeaderMenuItem.vue +0 -0
  290. /package/src/components/HeaderBar/{HeaderComplexMenu → HeaderBurgerMenu}/HeaderMenuItem/tests/HeaderMenuItem.spec.ts +0 -0
  291. /package/src/components/HeaderBar/{HeaderComplexMenu → HeaderBurgerMenu}/conts.ts +0 -0
  292. /package/src/components/HeaderBar/{HeaderComplexMenu → HeaderBurgerMenu}/locals.ts +0 -0
  293. /package/src/components/HeaderBar/{HeaderComplexMenu → HeaderBurgerMenu}/tests/useHandleSubMenus.spec.ts +0 -0
  294. /package/src/components/HeaderBar/{HeaderComplexMenu → HeaderBurgerMenu}/useHandleSubMenus.ts +0 -0
  295. /package/src/components/Logo/{types.d.ts → types.ts} +0 -0
  296. /package/src/stories/{Fondamentaux → Guidelines}/Accessibilite/AccessibiliteItems.ts +0 -0
  297. /package/src/stories/{Fondamentaux → Guidelines}/Accessibilite/constants/ExpertiseLevelEnum.ts +0 -0
  298. /package/src/stories/{Fondamentaux → Guidelines}/Accessibilite/constants/RGAALevelEnum.ts +0 -0
  299. /package/src/stories/{Fondamentaux → Guidelines}/EcoConception/EcoConception.mdx +0 -0
  300. /package/src/stories/{Fondamentaux → Guidelines}/EcoConception/ecoDesignItems.ts +0 -0
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- .vd-page-container[data-v-773c0ca7]{flex:1}.title[data-v-6f216856]{font-size:24px!important}.alt-title[data-v-6f216856]{font-size:20px!important}.body-text[data-v-6f216856]{font-size:16px!important}.link-label[data-v-6f216856]{font-size:14px!important}h1[data-v-6f216856]{font-size:32px!important;line-height:130%!important}.h1-bold[data-v-6f216856]{font-size:32px!important;font-weight:700!important;line-height:130%!important}h2[data-v-6f216856]{font-size:28px!important;line-height:130%!important}.h2-bold[data-v-6f216856]{font-size:28px!important;font-weight:700!important;line-height:130%!important}h3[data-v-6f216856]{font-size:24px!important;line-height:130%!important}.h3-bold[data-v-6f216856]{font-size:24px!important;font-weight:700!important;line-height:130%!important}h4[data-v-6f216856]{font-size:20px!important;line-height:130%!important}.h4-bold[data-v-6f216856]{font-size:20px!important;font-weight:700!important;line-height:130%!important}.display-1[data-v-6f216856]{font-size:40px!important;line-height:130%!important}.display-1-bold[data-v-6f216856]{font-size:40px!important;font-weight:700!important;line-height:130%!important}.display-2[data-v-6f216856]{font-size:30px!important;line-height:130%!important}.display-2-bold[data-v-6f216856]{font-size:30px!important;font-weight:700!important;line-height:130%!important}.elevation-0[data-v-6f216856],.elevation-1[data-v-6f216856],.elevation-2[data-v-6f216856],.elevation-3[data-v-6f216856],.elevation-4[data-v-6f216856],.elevation-5[data-v-6f216856],.elevation-6[data-v-6f216856],.elevation-7[data-v-6f216856],.elevation-8[data-v-6f216856],.elevation-9[data-v-6f216856],.elevation-10[data-v-6f216856],.elevation-11[data-v-6f216856],.elevation-12[data-v-6f216856],.elevation-13[data-v-6f216856],.elevation-14[data-v-6f216856],.elevation-15[data-v-6f216856],.elevation-16[data-v-6f216856],.elevation-17[data-v-6f216856],.elevation-18[data-v-6f216856],.elevation-19[data-v-6f216856],.elevation-20[data-v-6f216856],.elevation-21[data-v-6f216856],.elevation-22[data-v-6f216856],.elevation-23[data-v-6f216856],.elevation-24[data-v-6f216856]{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f!important}.page-container[data-v-6f216856]{text-align:center;margin:0 auto;padding:40px 40px 56px 56px;width:1160px}@media (max-width: 600px){.page-container[data-v-6f216856]{max-width:600px;padding:40px 24px 80px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;width:80%}}@media (min-width: 601px) and (max-width: 960px){.page-container[data-v-6f216856]{max-width:960px;width:80%;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:24px}}@media (min-width: 960px){.page-container[data-v-6f216856]{max-width:960px;width:100%;display:grid;grid-template-columns:repeat(12,1fr);grid-gap:24px}}.alert[data-v-6f216856]{padding:16px}.alert-icon[data-v-6f216856]{border-radius:50%}[data-v-6f216856] .v-alert__underlay{display:none}[data-v-6f216856] .v-alert__close{align-self:center}[data-v-6f216856] .v-btn--variant-text .v-btn__overlay{background:transparent!important}.alert-icon[data-v-6f216856] .v-icon__svg{height:1.5rem!important}.alert-close-btn[data-v-6f216856]{cursor:pointer;line-height:0}.alert-close-btn .v-btn__overlay[data-v-6f216856]{display:none}@media screen and (max-width: 440px){.alert[data-v-6f216856]{display:flex;flex-direction:column;background-color:#fff}.alert[data-v-6f216856] .v-alert__content{align-self:flex-start!important;margin-top:24px}.alert[data-v-6f216856] .v-alert__close{margin-top:16px;align-self:flex-end}.alert .v-alert__prepend>.v-icon[data-v-6f216856]{background:none!important}}@media screen and (min-width: 441px){.alert .alert-icon[data-v-6f216856]{width:3.5rem!important;height:3.5rem!important;display:grid;place-items:center}}.v-alert.alert--warning.v-alert--variant-tonal[data-v-6f216856]{background:#fcf0d3!important;color:#222324!important}.v-alert.alert--warning.v-alert--variant-tonal[data-v-6f216856] .v-alert__border{border-color:#60480e!important;opacity:1!important;border-inline-start-width:4px}.v-alert.alert--warning.v-alert--variant-outlined[data-v-6f216856]{background:transparent!important}.v-alert.alert--warning.v-alert--variant-outlined[data-v-6f216856] .v-alert__border{border-color:#60480e!important;opacity:1!important}.v-alert.alert--warning .v-alert__prepend>.v-icon[data-v-6f216856],.v-alert.text-warning .v-alert__prepend>.v-icon[data-v-6f216856]{background:#fdf7e9}.v-alert.alert--warning .v-alert__prepend>.v-icon[data-v-6f216856] svg,.v-alert.text-warning .v-alert__prepend>.v-icon[data-v-6f216856] svg{fill:#60480e}.v-alert.text-warning[data-v-6f216856]{color:#60480e!important;border-color:#60480e!important}.v-alert.alert--success.v-alert--variant-tonal[data-v-6f216856]{background:#cceee8!important;color:#222324!important}.v-alert.alert--success.v-alert--variant-tonal[data-v-6f216856] .v-alert__border{border-color:#224e2d!important;opacity:1!important;border-inline-start-width:4px}.v-alert.alert--success.v-alert--variant-outlined[data-v-6f216856]{background:transparent!important}.v-alert.alert--success.v-alert--variant-outlined[data-v-6f216856] .v-alert__border{border-color:#224e2d!important;opacity:1!important}.v-alert.alert--success .v-alert__prepend>.v-icon[data-v-6f216856],.v-alert.text-success .v-alert__prepend>.v-icon[data-v-6f216856]{background:#e5f7f4}.v-alert.alert--success .v-alert__prepend>.v-icon[data-v-6f216856] svg,.v-alert.text-success .v-alert__prepend>.v-icon[data-v-6f216856] svg{fill:#224e2d}.v-alert.text-success[data-v-6f216856]{color:#224e2d!important;border-color:#224e2d!important}.v-alert.alert--error.v-alert--variant-tonal[data-v-6f216856]{background:#f9dcd7!important;color:#222324!important}.v-alert.alert--error.v-alert--variant-tonal[data-v-6f216856] .v-alert__border{border-color:#b33f2e!important;opacity:1!important;border-inline-start-width:4px}.v-alert.alert--error.v-alert--variant-outlined[data-v-6f216856]{background:transparent!important}.v-alert.alert--error.v-alert--variant-outlined[data-v-6f216856] .v-alert__border{border-color:#b33f2e!important;opacity:1!important}.v-alert.alert--error .v-alert__prepend>.v-icon[data-v-6f216856],.v-alert.text-error .v-alert__prepend>.v-icon[data-v-6f216856]{background:#fcedeb}.v-alert.alert--error .v-alert__prepend>.v-icon[data-v-6f216856] svg,.v-alert.text-error .v-alert__prepend>.v-icon[data-v-6f216856] svg{fill:#b33f2e}.v-alert.text-error[data-v-6f216856]{color:#b33f2e!important;border-color:#b33f2e!important}.v-alert.alert--info.v-alert--variant-tonal[data-v-6f216856]{background:#ced9eb!important;color:#222324!important}.v-alert.alert--info.v-alert--variant-tonal[data-v-6f216856] .v-alert__border{border-color:#0c419a!important;opacity:1!important;border-inline-start-width:4px}.v-alert.alert--info.v-alert--variant-outlined[data-v-6f216856]{background:transparent!important}.v-alert.alert--info.v-alert--variant-outlined[data-v-6f216856] .v-alert__border{border-color:#0c419a!important;opacity:1!important}.v-alert.alert--info .v-alert__prepend>.v-icon[data-v-6f216856],.v-alert.text-info .v-alert__prepend>.v-icon[data-v-6f216856]{background:#e7ecf5}.v-alert.alert--info .v-alert__prepend>.v-icon[data-v-6f216856] svg,.v-alert.text-info .v-alert__prepend>.v-icon[data-v-6f216856] svg{fill:#0c419a}.v-alert.text-info[data-v-6f216856]{color:#0c419a!important;border-color:#0c419a!important}.title{font-size:24px!important}.alt-title{font-size:20px!important}.body-text{font-size:16px!important}.link-label{font-size:14px!important}h1{font-size:32px!important;line-height:130%!important}.h1-bold{font-size:32px!important;font-weight:700!important;line-height:130%!important}h2{font-size:28px!important;line-height:130%!important}.h2-bold{font-size:28px!important;font-weight:700!important;line-height:130%!important}h3{font-size:24px!important;line-height:130%!important}.h3-bold{font-size:24px!important;font-weight:700!important;line-height:130%!important}h4{font-size:20px!important;line-height:130%!important}.h4-bold{font-size:20px!important;font-weight:700!important;line-height:130%!important}.display-1{font-size:40px!important;line-height:130%!important}.display-1-bold{font-size:40px!important;font-weight:700!important;line-height:130%!important}.display-2{font-size:30px!important;line-height:130%!important}.display-2-bold{font-size:30px!important;font-weight:700!important;line-height:130%!important}.elevation-0,.elevation-1,.elevation-2,.elevation-3,.elevation-4,.elevation-5,.elevation-6,.elevation-7,.elevation-8,.elevation-9,.elevation-10,.elevation-11,.elevation-12,.elevation-13,.elevation-14,.elevation-15,.elevation-16,.elevation-17,.elevation-18,.elevation-19,.elevation-20,.elevation-21,.elevation-22,.elevation-23,.elevation-24{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f!important}.page-container{text-align:center;margin:0 auto;padding:40px 40px 56px 56px;width:1160px}@media (max-width: 600px){.page-container{max-width:600px;padding:40px 24px 80px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;width:80%}}@media (min-width: 601px) and (max-width: 960px){.page-container{max-width:960px;width:80%;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:24px}}@media (min-width: 960px){.page-container{max-width:960px;width:100%;display:grid;grid-template-columns:repeat(12,1fr);grid-gap:24px}}.vd-copy-tooltip-menu{padding:6px 16px;box-shadow:none;margin-top:2px;background:#616161e6;color:#fff}.v-btn--icon .v-icon{color:#76797a}.title[data-v-2bd5b004]{font-size:24px!important}.alt-title[data-v-2bd5b004]{font-size:20px!important}.body-text[data-v-2bd5b004]{font-size:16px!important}.link-label[data-v-2bd5b004]{font-size:14px!important}h1[data-v-2bd5b004]{font-size:32px!important;line-height:130%!important}.h1-bold[data-v-2bd5b004]{font-size:32px!important;font-weight:700!important;line-height:130%!important}h2[data-v-2bd5b004]{font-size:28px!important;line-height:130%!important}.h2-bold[data-v-2bd5b004]{font-size:28px!important;font-weight:700!important;line-height:130%!important}h3[data-v-2bd5b004]{font-size:24px!important;line-height:130%!important}.h3-bold[data-v-2bd5b004]{font-size:24px!important;font-weight:700!important;line-height:130%!important}h4[data-v-2bd5b004]{font-size:20px!important;line-height:130%!important}.h4-bold[data-v-2bd5b004]{font-size:20px!important;font-weight:700!important;line-height:130%!important}.display-1[data-v-2bd5b004]{font-size:40px!important;line-height:130%!important}.display-1-bold[data-v-2bd5b004]{font-size:40px!important;font-weight:700!important;line-height:130%!important}.display-2[data-v-2bd5b004]{font-size:30px!important;line-height:130%!important}.display-2-bold[data-v-2bd5b004]{font-size:30px!important;font-weight:700!important;line-height:130%!important}.elevation-0[data-v-2bd5b004],.elevation-1[data-v-2bd5b004],.elevation-2[data-v-2bd5b004],.elevation-3[data-v-2bd5b004],.elevation-4[data-v-2bd5b004],.elevation-5[data-v-2bd5b004],.elevation-6[data-v-2bd5b004],.elevation-7[data-v-2bd5b004],.elevation-8[data-v-2bd5b004],.elevation-9[data-v-2bd5b004],.elevation-10[data-v-2bd5b004],.elevation-11[data-v-2bd5b004],.elevation-12[data-v-2bd5b004],.elevation-13[data-v-2bd5b004],.elevation-14[data-v-2bd5b004],.elevation-15[data-v-2bd5b004],.elevation-16[data-v-2bd5b004],.elevation-17[data-v-2bd5b004],.elevation-18[data-v-2bd5b004],.elevation-19[data-v-2bd5b004],.elevation-20[data-v-2bd5b004],.elevation-21[data-v-2bd5b004],.elevation-22[data-v-2bd5b004],.elevation-23[data-v-2bd5b004],.elevation-24[data-v-2bd5b004]{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f!important}.page-container[data-v-2bd5b004]{text-align:center;margin:0 auto;padding:40px 40px 56px 56px;width:1160px}@media (max-width: 600px){.page-container[data-v-2bd5b004]{max-width:600px;padding:40px 24px 80px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;width:80%}}@media (min-width: 601px) and (max-width: 960px){.page-container[data-v-2bd5b004]{max-width:960px;width:80%;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:24px}}@media (min-width: 960px){.page-container[data-v-2bd5b004]{max-width:960px;width:100%;display:grid;grid-template-columns:repeat(12,1fr);grid-gap:24px}}.vd-skip-link[data-v-2bd5b004]{z-index:150;position:fixed;top:0;right:0;transition:none;width:100%;background:#fff;outline:none;border:2px solid #051a3e}.vd-back-to-top-btn[data-v-c019b012]{position:sticky;z-index:999;opacity:1;float:right}.v-btn--variant-outlined[data-v-c019b012]{background:#fff}.v-btn.v-theme--light[data-v-b9c7d584] .v-btn__underlay,.v-btn.v-theme--light[data-v-b9c7d584] .v-btn__overlay{display:none}.vd-download-btn[data-v-ef3f6e33] .v-btn__content{flex-wrap:wrap}.vd-download-btn[data-v-ef3f6e33] .v-icon{flex:none}.outlined-style[data-v-ef3f6e33]{border:1px solid currentColor}.vd-france-connect-btn a[data-v-7d3bb666]{color:#000091}.vd-france-connect-btn a[data-v-7d3bb666]:focus{outline-offset:3px}.vd-france-connect-link[data-v-7d3bb666]{background:#000091}.vd-france-connect-link[data-v-7d3bb666]:hover{background:#1212ff;transition:all .2s ease-in-out}.vd-france-connect-link[data-v-7d3bb666]:active{background:#2323ff}.vd-france-connect-link[data-v-7d3bb666]:focus{outline-offset:3px}.vd-france-connect-btn--dark .vd-france-connect-link[data-v-7d3bb666]{color:#fff;background-color:#8585f6}.vd-france-connect-btn--dark .vd-france-connect-link[data-v-7d3bb666]:hover{background-color:#b1b1f9}.vd-france-connect-btn--dark .vd-france-connect-link[data-v-7d3bb666]:active{background-color:#c6c6fb}.vd-france-connect-btn--dark .vd-france-connect-info-link[data-v-7d3bb666]{color:#8585f6}.vd-france-connect-info-link[data-v-7d3bb666]{background-image:linear-gradient(currentColor,currentColor);background-position:0% 100%;background-repeat:no-repeat;background-size:100% 1px}.vd-france-connect-info-link[data-v-7d3bb666]:hover{background-size:100% 2px}[data-v-7d3bb666] :scope:focus{border-radius:0!important}.title[data-v-e6faa2ec]{font-size:24px!important}.alt-title[data-v-e6faa2ec]{font-size:20px!important}.body-text[data-v-e6faa2ec]{font-size:16px!important}.link-label[data-v-e6faa2ec]{font-size:14px!important}h1[data-v-e6faa2ec]{font-size:32px!important;line-height:130%!important}.h1-bold[data-v-e6faa2ec]{font-size:32px!important;font-weight:700!important;line-height:130%!important}h2[data-v-e6faa2ec]{font-size:28px!important;line-height:130%!important}.h2-bold[data-v-e6faa2ec]{font-size:28px!important;font-weight:700!important;line-height:130%!important}h3[data-v-e6faa2ec]{font-size:24px!important;line-height:130%!important}.h3-bold[data-v-e6faa2ec]{font-size:24px!important;font-weight:700!important;line-height:130%!important}h4[data-v-e6faa2ec]{font-size:20px!important;line-height:130%!important}.h4-bold[data-v-e6faa2ec]{font-size:20px!important;font-weight:700!important;line-height:130%!important}.display-1[data-v-e6faa2ec]{font-size:40px!important;line-height:130%!important}.display-1-bold[data-v-e6faa2ec]{font-size:40px!important;font-weight:700!important;line-height:130%!important}.display-2[data-v-e6faa2ec]{font-size:30px!important;line-height:130%!important}.display-2-bold[data-v-e6faa2ec]{font-size:30px!important;font-weight:700!important;line-height:130%!important}.elevation-0[data-v-e6faa2ec],.elevation-1[data-v-e6faa2ec],.elevation-2[data-v-e6faa2ec],.elevation-3[data-v-e6faa2ec],.elevation-4[data-v-e6faa2ec],.elevation-5[data-v-e6faa2ec],.elevation-6[data-v-e6faa2ec],.elevation-7[data-v-e6faa2ec],.elevation-8[data-v-e6faa2ec],.elevation-9[data-v-e6faa2ec],.elevation-10[data-v-e6faa2ec],.elevation-11[data-v-e6faa2ec],.elevation-12[data-v-e6faa2ec],.elevation-13[data-v-e6faa2ec],.elevation-14[data-v-e6faa2ec],.elevation-15[data-v-e6faa2ec],.elevation-16[data-v-e6faa2ec],.elevation-17[data-v-e6faa2ec],.elevation-18[data-v-e6faa2ec],.elevation-19[data-v-e6faa2ec],.elevation-20[data-v-e6faa2ec],.elevation-21[data-v-e6faa2ec],.elevation-22[data-v-e6faa2ec],.elevation-23[data-v-e6faa2ec],.elevation-24[data-v-e6faa2ec]{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f!important}.page-container[data-v-e6faa2ec]{text-align:center;margin:0 auto;padding:40px 40px 56px 56px;width:1160px}@media (max-width: 600px){.page-container[data-v-e6faa2ec]{max-width:600px;padding:40px 24px 80px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;width:80%}}@media (min-width: 601px) and (max-width: 960px){.page-container[data-v-e6faa2ec]{max-width:960px;width:80%;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:24px}}@media (min-width: 960px){.page-container[data-v-e6faa2ec]{max-width:960px;width:100%;display:grid;grid-template-columns:repeat(12,1fr);grid-gap:24px}}.vd-notification-content[data-v-e6faa2ec]{display:flex;align-items:center}.vd-notification-bar[data-v-e6faa2ec] .v-snack__wrapper{padding:16px;min-width:0;max-width:none}[data-v-e6faa2ec] .v-snackbar__content{padding:16px!important}[data-v-e6faa2ec] .v-snackbar__actions{margin-inline-end:10px}.vd-notification-bar.v-snackbar--vertical[data-v-e6faa2ec] .v-snackbar--vertical .v-snackbar__wrapper .v-snackbar__actions{width:100%!important;align-self:auto}.vd-notification-bar.v-snackbar--vertical[data-v-e6faa2ec] .v-snack__wrapper{align-items:stretch;flex-direction:row}.vd-notification-bar.v-snackbar--vertical[data-v-e6faa2ec] .v-snack__action{align-self:stretch;align-items:stretch;flex-direction:column}.vd-notification-bar.v-snackbar--vertical[data-v-e6faa2ec] .v-snackbar__content{margin:0;width:100%;display:flex}.vd-notification-bar.v-snackbar--vertical[data-v-e6faa2ec] .vd-notification-content{flex-direction:column;display:flex}.long-text[data-v-e6faa2ec] .v-snackbar__actions{width:98%!important}.short-text[data-v-e6faa2ec] .v-snackbar__actions{width:48%!important}.action-section-longText[data-v-e6faa2ec]{justify-content:space-around}.action-section-shortText[data-v-e6faa2ec]{justify-content:end!important}.title[data-v-40aa801b]{font-size:24px!important}.alt-title[data-v-40aa801b]{font-size:20px!important}.body-text[data-v-40aa801b]{font-size:16px!important}.link-label[data-v-40aa801b]{font-size:14px!important}h1[data-v-40aa801b]{font-size:32px!important;line-height:130%!important}.h1-bold[data-v-40aa801b]{font-size:32px!important;font-weight:700!important;line-height:130%!important}h2[data-v-40aa801b]{font-size:28px!important;line-height:130%!important}.h2-bold[data-v-40aa801b]{font-size:28px!important;font-weight:700!important;line-height:130%!important}h3[data-v-40aa801b]{font-size:24px!important;line-height:130%!important}.h3-bold[data-v-40aa801b]{font-size:24px!important;font-weight:700!important;line-height:130%!important}h4[data-v-40aa801b]{font-size:20px!important;line-height:130%!important}.h4-bold[data-v-40aa801b]{font-size:20px!important;font-weight:700!important;line-height:130%!important}.display-1[data-v-40aa801b]{font-size:40px!important;line-height:130%!important}.display-1-bold[data-v-40aa801b]{font-size:40px!important;font-weight:700!important;line-height:130%!important}.display-2[data-v-40aa801b]{font-size:30px!important;line-height:130%!important}.display-2-bold[data-v-40aa801b]{font-size:30px!important;font-weight:700!important;line-height:130%!important}.elevation-0[data-v-40aa801b],.elevation-1[data-v-40aa801b],.elevation-2[data-v-40aa801b],.elevation-3[data-v-40aa801b],.elevation-4[data-v-40aa801b],.elevation-5[data-v-40aa801b],.elevation-6[data-v-40aa801b],.elevation-7[data-v-40aa801b],.elevation-8[data-v-40aa801b],.elevation-9[data-v-40aa801b],.elevation-10[data-v-40aa801b],.elevation-11[data-v-40aa801b],.elevation-12[data-v-40aa801b],.elevation-13[data-v-40aa801b],.elevation-14[data-v-40aa801b],.elevation-15[data-v-40aa801b],.elevation-16[data-v-40aa801b],.elevation-17[data-v-40aa801b],.elevation-18[data-v-40aa801b],.elevation-19[data-v-40aa801b],.elevation-20[data-v-40aa801b],.elevation-21[data-v-40aa801b],.elevation-22[data-v-40aa801b],.elevation-23[data-v-40aa801b],.elevation-24[data-v-40aa801b]{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f!important}.page-container[data-v-40aa801b]{text-align:center;margin:0 auto;padding:40px 40px 56px 56px;width:1160px}@media (max-width: 600px){.page-container[data-v-40aa801b]{max-width:600px;padding:40px 24px 80px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;width:80%}}@media (min-width: 601px) and (max-width: 960px){.page-container[data-v-40aa801b]{max-width:960px;width:80%;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:24px}}@media (min-width: 960px){.page-container[data-v-40aa801b]{max-width:960px;width:100%;display:grid;grid-template-columns:repeat(12,1fr);grid-gap:24px}}.v-list-item[data-v-40aa801b]:hover{background-color:#00000001}.vd-lang-btn[data-v-40aa801b]{font-weight:700;--hoverColor: rgba(tokens.$colors-overlay, .5);text-transform:capitalize}.vd-panel[data-v-8456c2b9]{background-color:transparent}.vd-panel-title[data-v-8456c2b9] .v-expansion-panel-title__overlay{background:transparent!important}.vd-panel-text[data-v-8456c2b9] .v-expansion-panel-text__wrapper{padding:0}li[data-v-8456c2b9]{list-style:none}a[data-v-8456c2b9]{transition:.15s;padding-top:1px;border-bottom:1px solid transparent;color:#000}a[data-v-8456c2b9]:hover,a[data-v-8456c2b9]:focus{border-color:currentColor}.v-theme--dark a[data-v-8456c2b9]{color:#fff}.vd-collapse-list a[data-v-8456c2b9]{color:#000}.vd-collapse-list[data-v-8456c2b9] .text-subtitle-1{font-size:1.125rem!important;letter-spacing:.0015em!important;line-height:1.75rem}.vd-collapse-list.theme--dark[data-v-8456c2b9] h4,.vd-collapse-list.theme--dark[data-v-8456c2b9] ul,.vd-collapse-list.theme--dark[data-v-8456c2b9] a,.vd-collapse-list.theme--dark[data-v-8456c2b9] button{color:#fff!important}.vd-collapse-list-mobile[data-v-8456c2b9] .text-subtitle-2{font-size:1rem!important;letter-spacing:.001em!important;line-height:1.375rem;font-weight:600}.vd-collapse-list-mobile[data-v-8456c2b9] .v-icon{color:#0000008a!important}.vd-collapse-list-mobile.theme--dark[data-v-8456c2b9] button{color:#fff!important}.vd-collapse-list-mobile[data-v-8456c2b9] button{color:red!important}.title[data-v-82e1e286]{font-size:24px!important}.alt-title[data-v-82e1e286]{font-size:20px!important}.body-text[data-v-82e1e286]{font-size:16px!important}.link-label[data-v-82e1e286]{font-size:14px!important}h1[data-v-82e1e286]{font-size:32px!important;line-height:130%!important}.h1-bold[data-v-82e1e286]{font-size:32px!important;font-weight:700!important;line-height:130%!important}h2[data-v-82e1e286]{font-size:28px!important;line-height:130%!important}.h2-bold[data-v-82e1e286]{font-size:28px!important;font-weight:700!important;line-height:130%!important}h3[data-v-82e1e286]{font-size:24px!important;line-height:130%!important}.h3-bold[data-v-82e1e286]{font-size:24px!important;font-weight:700!important;line-height:130%!important}h4[data-v-82e1e286]{font-size:20px!important;line-height:130%!important}.h4-bold[data-v-82e1e286]{font-size:20px!important;font-weight:700!important;line-height:130%!important}.display-1[data-v-82e1e286]{font-size:40px!important;line-height:130%!important}.display-1-bold[data-v-82e1e286]{font-size:40px!important;font-weight:700!important;line-height:130%!important}.display-2[data-v-82e1e286]{font-size:30px!important;line-height:130%!important}.display-2-bold[data-v-82e1e286]{font-size:30px!important;font-weight:700!important;line-height:130%!important}.elevation-0[data-v-82e1e286],.elevation-1[data-v-82e1e286],.elevation-2[data-v-82e1e286],.elevation-3[data-v-82e1e286],.elevation-4[data-v-82e1e286],.elevation-5[data-v-82e1e286],.elevation-6[data-v-82e1e286],.elevation-7[data-v-82e1e286],.elevation-8[data-v-82e1e286],.elevation-9[data-v-82e1e286],.elevation-10[data-v-82e1e286],.elevation-11[data-v-82e1e286],.elevation-12[data-v-82e1e286],.elevation-13[data-v-82e1e286],.elevation-14[data-v-82e1e286],.elevation-15[data-v-82e1e286],.elevation-16[data-v-82e1e286],.elevation-17[data-v-82e1e286],.elevation-18[data-v-82e1e286],.elevation-19[data-v-82e1e286],.elevation-20[data-v-82e1e286],.elevation-21[data-v-82e1e286],.elevation-22[data-v-82e1e286],.elevation-23[data-v-82e1e286],.elevation-24[data-v-82e1e286]{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f!important}.page-container[data-v-82e1e286]{text-align:center;margin:0 auto;padding:40px 40px 56px 56px;width:1160px}@media (max-width: 600px){.page-container[data-v-82e1e286]{max-width:600px;padding:40px 24px 80px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;width:80%}}@media (min-width: 601px) and (max-width: 960px){.page-container[data-v-82e1e286]{max-width:960px;width:80%;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:24px}}@media (min-width: 960px){.page-container[data-v-82e1e286]{max-width:960px;width:100%;display:grid;grid-template-columns:repeat(12,1fr);grid-gap:24px}}.vd-social-media-links[data-v-82e1e286]{display:flex;flex-direction:column}li[data-v-82e1e286]{list-style:none}.vd-social-media-links-label.text--primary[data-v-82e1e286]{color:#0c419a;font-weight:600}.v-theme--dark .vd-social-media-links-label.text--primary[data-v-82e1e286]{color:#fff}.vd-social-media-links-icon[data-v-82e1e286]{color:#545859}.v-btn--icon[data-v-82e1e286]{width:calc(var(--v-btn-height) + 5px);height:calc(var(--v-btn-height) + 5px);border:0}.v-theme--dark .v-btn--variant-text[data-v-82e1e286]:hover{background:#ffffff1a}@media (min-width: 768px){.vd-social-media-links-label[data-v-82e1e286]{text-align:right}}@media (max-width: 767px){.vd-social-media-links-label[data-v-82e1e286]{text-align:left}}.title[data-v-ccd9e76e]{font-size:24px!important}.alt-title[data-v-ccd9e76e]{font-size:20px!important}.body-text[data-v-ccd9e76e]{font-size:16px!important}.link-label[data-v-ccd9e76e]{font-size:14px!important}h1[data-v-ccd9e76e]{font-size:32px!important;line-height:130%!important}.h1-bold[data-v-ccd9e76e]{font-size:32px!important;font-weight:700!important;line-height:130%!important}h2[data-v-ccd9e76e]{font-size:28px!important;line-height:130%!important}.h2-bold[data-v-ccd9e76e]{font-size:28px!important;font-weight:700!important;line-height:130%!important}h3[data-v-ccd9e76e]{font-size:24px!important;line-height:130%!important}.h3-bold[data-v-ccd9e76e]{font-size:24px!important;font-weight:700!important;line-height:130%!important}h4[data-v-ccd9e76e]{font-size:20px!important;line-height:130%!important}.h4-bold[data-v-ccd9e76e]{font-size:20px!important;font-weight:700!important;line-height:130%!important}.display-1[data-v-ccd9e76e]{font-size:40px!important;line-height:130%!important}.display-1-bold[data-v-ccd9e76e]{font-size:40px!important;font-weight:700!important;line-height:130%!important}.display-2[data-v-ccd9e76e]{font-size:30px!important;line-height:130%!important}.display-2-bold[data-v-ccd9e76e]{font-size:30px!important;font-weight:700!important;line-height:130%!important}.elevation-0[data-v-ccd9e76e],.elevation-1[data-v-ccd9e76e],.elevation-2[data-v-ccd9e76e],.elevation-3[data-v-ccd9e76e],.elevation-4[data-v-ccd9e76e],.elevation-5[data-v-ccd9e76e],.elevation-6[data-v-ccd9e76e],.elevation-7[data-v-ccd9e76e],.elevation-8[data-v-ccd9e76e],.elevation-9[data-v-ccd9e76e],.elevation-10[data-v-ccd9e76e],.elevation-11[data-v-ccd9e76e],.elevation-12[data-v-ccd9e76e],.elevation-13[data-v-ccd9e76e],.elevation-14[data-v-ccd9e76e],.elevation-15[data-v-ccd9e76e],.elevation-16[data-v-ccd9e76e],.elevation-17[data-v-ccd9e76e],.elevation-18[data-v-ccd9e76e],.elevation-19[data-v-ccd9e76e],.elevation-20[data-v-ccd9e76e],.elevation-21[data-v-ccd9e76e],.elevation-22[data-v-ccd9e76e],.elevation-23[data-v-ccd9e76e],.elevation-24[data-v-ccd9e76e]{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f!important}.page-container[data-v-ccd9e76e]{text-align:center;margin:0 auto;padding:40px 40px 56px 56px;width:1160px}@media (max-width: 600px){.page-container[data-v-ccd9e76e]{max-width:600px;padding:40px 24px 80px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;width:80%}}@media (min-width: 601px) and (max-width: 960px){.page-container[data-v-ccd9e76e]{max-width:960px;width:80%;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:24px}}@media (min-width: 960px){.page-container[data-v-ccd9e76e]{max-width:960px;width:100%;display:grid;grid-template-columns:repeat(12,1fr);grid-gap:24px}}a[data-v-ccd9e76e]{cursor:pointer}.v-btn--icon[data-v-ccd9e76e]{border:0}.v-footer[data-v-ccd9e76e]{flex-grow:0!important;justify-content:center}.vd-footer-bar[data-v-ccd9e76e] .vd-footer-bar-links a,.vd-footer-bar[data-v-ccd9e76e] p,.vd-footer-bar[data-v-ccd9e76e] .text--primary{color:#000000de}.vd-footer-bar[data-v-ccd9e76e] .text--secondary{color:#0009}.vd-footer-bar[data-v-ccd9e76e] .social .text--primary{color:#0c419a}.vd-footer-bar[data-v-ccd9e76e] .social a.v-btn:hover,.vd-footer-bar[data-v-ccd9e76e] button.v-btn:hover{background:#0000000d}.vd-footer-bar[data-v-ccd9e76e] a.text--primary{color:#0c419a}.vd-footer-bar[data-v-ccd9e76e] .v-divider{border-color:#2f384d}.vd-footer-bar[data-v-ccd9e76e] svg.logo{fill:#0c419a}.vd-footer-bar[data-v-ccd9e76e] .scroll{color:#0c419a!important}.vd-footer-bar.v-theme--dark[data-v-ccd9e76e] .vd-footer-bar-links a{color:#fff}.vd-footer-bar.v-theme--dark[data-v-ccd9e76e] p,.vd-footer-bar.v-theme--dark[data-v-ccd9e76e] .text--primary{color:#ffffffde}.vd-footer-bar.v-theme--dark[data-v-ccd9e76e] .text--secondary{color:#fff9}.vd-footer-bar.v-theme--dark[data-v-ccd9e76e] a.text--primary{color:#fff}.vd-footer-bar.v-theme--dark[data-v-ccd9e76e] .v-divider{border-color:#fff}.vd-footer-bar.v-theme--dark[data-v-ccd9e76e] svg{fill:#fff}.vd-footer-bar-links[data-v-ccd9e76e] li{list-style:none;display:flex}.vd-footer-bar-links[data-v-ccd9e76e] a{transition:.15s;text-decoration:none;padding-top:1px;border-bottom:1px solid transparent}.vd-footer-bar-links[data-v-ccd9e76e] a:hover,.vd-footer-bar-links[data-v-ccd9e76e] a:focus{border-color:currentColor}.vd-footer-bar-links[data-v-ccd9e76e] p{padding:1px 0}.v-theme--dark button.v-btn[data-v-ccd9e76e]:hover{background:#ffffff1a}
1
+ .title[data-v-6f216856]{font-size:24px!important}.alt-title[data-v-6f216856]{font-size:20px!important}.body-text[data-v-6f216856]{font-size:16px!important}.link-label[data-v-6f216856]{font-size:14px!important}h1[data-v-6f216856]{font-size:32px!important;line-height:130%!important}.h1-bold[data-v-6f216856]{font-size:32px!important;font-weight:700!important;line-height:130%!important}h2[data-v-6f216856]{font-size:28px!important;line-height:130%!important}.h2-bold[data-v-6f216856]{font-size:28px!important;font-weight:700!important;line-height:130%!important}h3[data-v-6f216856]{font-size:24px!important;line-height:130%!important}.h3-bold[data-v-6f216856]{font-size:24px!important;font-weight:700!important;line-height:130%!important}h4[data-v-6f216856]{font-size:20px!important;line-height:130%!important}.h4-bold[data-v-6f216856]{font-size:20px!important;font-weight:700!important;line-height:130%!important}.display-1[data-v-6f216856]{font-size:40px!important;line-height:130%!important}.display-1-bold[data-v-6f216856]{font-size:40px!important;font-weight:700!important;line-height:130%!important}.display-2[data-v-6f216856]{font-size:30px!important;line-height:130%!important}.display-2-bold[data-v-6f216856]{font-size:30px!important;font-weight:700!important;line-height:130%!important}.elevation-1[data-v-6f216856],.elevation-2[data-v-6f216856],.elevation-3[data-v-6f216856],.elevation-4[data-v-6f216856],.elevation-5[data-v-6f216856],.elevation-6[data-v-6f216856],.elevation-7[data-v-6f216856],.elevation-8[data-v-6f216856],.elevation-9[data-v-6f216856],.elevation-10[data-v-6f216856],.elevation-11[data-v-6f216856],.elevation-12[data-v-6f216856],.elevation-13[data-v-6f216856],.elevation-14[data-v-6f216856],.elevation-15[data-v-6f216856],.elevation-16[data-v-6f216856],.elevation-17[data-v-6f216856],.elevation-18[data-v-6f216856],.elevation-19[data-v-6f216856],.elevation-20[data-v-6f216856],.elevation-21[data-v-6f216856],.elevation-22[data-v-6f216856],.elevation-23[data-v-6f216856],.elevation-24[data-v-6f216856]{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f!important}.page-container[data-v-6f216856]{text-align:center;margin:0 auto;padding:40px 40px 56px 56px;width:1160px}@media (max-width: 600px){.page-container[data-v-6f216856]{max-width:600px;padding:40px 24px 80px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;width:80%}}@media (min-width: 601px) and (max-width: 960px){.page-container[data-v-6f216856]{max-width:960px;width:80%;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:24px}}@media (min-width: 960px){.page-container[data-v-6f216856]{max-width:960px;width:100%;display:grid;grid-template-columns:repeat(12,1fr);grid-gap:24px}}.alert[data-v-6f216856]{padding:16px}.alert-icon[data-v-6f216856]{border-radius:50%}[data-v-6f216856] .v-alert__underlay{display:none}[data-v-6f216856] .v-alert__close{align-self:center}[data-v-6f216856] .v-btn--variant-text .v-btn__overlay{background:transparent!important}.alert-icon[data-v-6f216856] .v-icon__svg{height:1.5rem!important}.alert-close-btn[data-v-6f216856]{cursor:pointer;line-height:0}.alert-close-btn .v-btn__overlay[data-v-6f216856]{display:none}@media screen and (max-width: 440px){.alert[data-v-6f216856]{display:flex;flex-direction:column;background-color:#fff}.alert[data-v-6f216856] .v-alert__content{align-self:flex-start!important;margin-top:24px}.alert[data-v-6f216856] .v-alert__close{margin-top:16px;align-self:flex-end}.alert .v-alert__prepend>.v-icon[data-v-6f216856]{background:none!important}}@media screen and (min-width: 441px){.alert .alert-icon[data-v-6f216856]{width:3.5rem!important;height:3.5rem!important;display:grid;place-items:center}}.v-alert.alert--warning.v-alert--variant-tonal[data-v-6f216856]{background:#fcf0d3!important;color:#222324!important}.v-alert.alert--warning.v-alert--variant-tonal[data-v-6f216856] .v-alert__border{border-color:#60480e!important;opacity:1!important;border-inline-start-width:4px}.v-alert.alert--warning.v-alert--variant-outlined[data-v-6f216856]{background:transparent!important}.v-alert.alert--warning.v-alert--variant-outlined[data-v-6f216856] .v-alert__border{border-color:#60480e!important;opacity:1!important}.v-alert.alert--warning .v-alert__prepend>.v-icon[data-v-6f216856],.v-alert.text-warning .v-alert__prepend>.v-icon[data-v-6f216856]{background:#fdf7e9}.v-alert.alert--warning .v-alert__prepend>.v-icon[data-v-6f216856] svg,.v-alert.text-warning .v-alert__prepend>.v-icon[data-v-6f216856] svg{fill:#60480e}.v-alert.text-warning[data-v-6f216856]{color:#60480e!important;border-color:#60480e!important}.v-alert.alert--success.v-alert--variant-tonal[data-v-6f216856]{background:#cceee8!important;color:#222324!important}.v-alert.alert--success.v-alert--variant-tonal[data-v-6f216856] .v-alert__border{border-color:#224e2d!important;opacity:1!important;border-inline-start-width:4px}.v-alert.alert--success.v-alert--variant-outlined[data-v-6f216856]{background:transparent!important}.v-alert.alert--success.v-alert--variant-outlined[data-v-6f216856] .v-alert__border{border-color:#224e2d!important;opacity:1!important}.v-alert.alert--success .v-alert__prepend>.v-icon[data-v-6f216856],.v-alert.text-success .v-alert__prepend>.v-icon[data-v-6f216856]{background:#e5f7f4}.v-alert.alert--success .v-alert__prepend>.v-icon[data-v-6f216856] svg,.v-alert.text-success .v-alert__prepend>.v-icon[data-v-6f216856] svg{fill:#224e2d}.v-alert.text-success[data-v-6f216856]{color:#224e2d!important;border-color:#224e2d!important}.v-alert.alert--error.v-alert--variant-tonal[data-v-6f216856]{background:#f9dcd7!important;color:#222324!important}.v-alert.alert--error.v-alert--variant-tonal[data-v-6f216856] .v-alert__border{border-color:#b33f2e!important;opacity:1!important;border-inline-start-width:4px}.v-alert.alert--error.v-alert--variant-outlined[data-v-6f216856]{background:transparent!important}.v-alert.alert--error.v-alert--variant-outlined[data-v-6f216856] .v-alert__border{border-color:#b33f2e!important;opacity:1!important}.v-alert.alert--error .v-alert__prepend>.v-icon[data-v-6f216856],.v-alert.text-error .v-alert__prepend>.v-icon[data-v-6f216856]{background:#fcedeb}.v-alert.alert--error .v-alert__prepend>.v-icon[data-v-6f216856] svg,.v-alert.text-error .v-alert__prepend>.v-icon[data-v-6f216856] svg{fill:#b33f2e}.v-alert.text-error[data-v-6f216856]{color:#b33f2e!important;border-color:#b33f2e!important}.v-alert.alert--info.v-alert--variant-tonal[data-v-6f216856]{background:#ced9eb!important;color:#222324!important}.v-alert.alert--info.v-alert--variant-tonal[data-v-6f216856] .v-alert__border{border-color:#0c419a!important;opacity:1!important;border-inline-start-width:4px}.v-alert.alert--info.v-alert--variant-outlined[data-v-6f216856]{background:transparent!important}.v-alert.alert--info.v-alert--variant-outlined[data-v-6f216856] .v-alert__border{border-color:#0c419a!important;opacity:1!important}.v-alert.alert--info .v-alert__prepend>.v-icon[data-v-6f216856],.v-alert.text-info .v-alert__prepend>.v-icon[data-v-6f216856]{background:#e7ecf5}.v-alert.alert--info .v-alert__prepend>.v-icon[data-v-6f216856] svg,.v-alert.text-info .v-alert__prepend>.v-icon[data-v-6f216856] svg{fill:#0c419a}.v-alert.text-info[data-v-6f216856]{color:#0c419a!important;border-color:#0c419a!important}.v-btn.v-theme--light[data-v-b9c7d584] .v-btn__underlay,.v-btn.v-theme--light[data-v-b9c7d584] .v-btn__overlay{display:none}.vd-back-to-top-btn[data-v-c019b012]{position:sticky;z-index:999;opacity:1;float:right}.v-btn--variant-outlined[data-v-c019b012]{background:#fff}.vd-panel[data-v-8456c2b9]{background-color:transparent}.vd-panel-title[data-v-8456c2b9] .v-expansion-panel-title__overlay{background:transparent!important}.vd-panel-text[data-v-8456c2b9] .v-expansion-panel-text__wrapper{padding:0}li[data-v-8456c2b9]{list-style:none}a[data-v-8456c2b9]{transition:.15s;padding-top:1px;border-bottom:1px solid transparent;color:#000}a[data-v-8456c2b9]:hover,a[data-v-8456c2b9]:focus{border-color:currentColor}.v-theme--dark a[data-v-8456c2b9]{color:#fff}.vd-collapse-list a[data-v-8456c2b9]{color:#000}.vd-collapse-list[data-v-8456c2b9] .text-subtitle-1{font-size:1.125rem!important;letter-spacing:.0015em!important;line-height:1.75rem}.vd-collapse-list.theme--dark[data-v-8456c2b9] h4,.vd-collapse-list.theme--dark[data-v-8456c2b9] ul,.vd-collapse-list.theme--dark[data-v-8456c2b9] a,.vd-collapse-list.theme--dark[data-v-8456c2b9] button{color:#fff!important}.vd-collapse-list-mobile[data-v-8456c2b9] .text-subtitle-2{font-size:1rem!important;letter-spacing:.001em!important;line-height:1.375rem;font-weight:600}.vd-collapse-list-mobile[data-v-8456c2b9] .v-icon{color:#0000008a!important}.vd-collapse-list-mobile.theme--dark[data-v-8456c2b9] button{color:#fff!important}.vd-collapse-list-mobile[data-v-8456c2b9] button{color:red!important}.title{font-size:24px!important}.alt-title{font-size:20px!important}.body-text{font-size:16px!important}.link-label{font-size:14px!important}h1{font-size:32px!important;line-height:130%!important}.h1-bold{font-size:32px!important;font-weight:700!important;line-height:130%!important}h2{font-size:28px!important;line-height:130%!important}.h2-bold{font-size:28px!important;font-weight:700!important;line-height:130%!important}h3{font-size:24px!important;line-height:130%!important}.h3-bold{font-size:24px!important;font-weight:700!important;line-height:130%!important}h4{font-size:20px!important;line-height:130%!important}.h4-bold{font-size:20px!important;font-weight:700!important;line-height:130%!important}.display-1{font-size:40px!important;line-height:130%!important}.display-1-bold{font-size:40px!important;font-weight:700!important;line-height:130%!important}.display-2{font-size:30px!important;line-height:130%!important}.display-2-bold{font-size:30px!important;font-weight:700!important;line-height:130%!important}.elevation-1,.elevation-2,.elevation-3,.elevation-4,.elevation-5,.elevation-6,.elevation-7,.elevation-8,.elevation-9,.elevation-10,.elevation-11,.elevation-12,.elevation-13,.elevation-14,.elevation-15,.elevation-16,.elevation-17,.elevation-18,.elevation-19,.elevation-20,.elevation-21,.elevation-22,.elevation-23,.elevation-24{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f!important}.page-container{text-align:center;margin:0 auto;padding:40px 40px 56px 56px;width:1160px}@media (max-width: 600px){.page-container{max-width:600px;padding:40px 24px 80px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;width:80%}}@media (min-width: 601px) and (max-width: 960px){.page-container{max-width:960px;width:80%;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:24px}}@media (min-width: 960px){.page-container{max-width:960px;width:100%;display:grid;grid-template-columns:repeat(12,1fr);grid-gap:24px}}.vd-copy-tooltip-menu{padding:6px 16px;box-shadow:none;margin-top:2px;background:#545859f2;color:#fff}.v-btn--icon .v-icon{color:#76797a}.title[data-v-043ca1b1]{font-size:24px!important}.alt-title[data-v-043ca1b1]{font-size:20px!important}.body-text[data-v-043ca1b1]{font-size:16px!important}.link-label[data-v-043ca1b1]{font-size:14px!important}h1[data-v-043ca1b1]{font-size:32px!important;line-height:130%!important}.h1-bold[data-v-043ca1b1]{font-size:32px!important;font-weight:700!important;line-height:130%!important}h2[data-v-043ca1b1]{font-size:28px!important;line-height:130%!important}.h2-bold[data-v-043ca1b1]{font-size:28px!important;font-weight:700!important;line-height:130%!important}h3[data-v-043ca1b1]{font-size:24px!important;line-height:130%!important}.h3-bold[data-v-043ca1b1]{font-size:24px!important;font-weight:700!important;line-height:130%!important}h4[data-v-043ca1b1]{font-size:20px!important;line-height:130%!important}.h4-bold[data-v-043ca1b1]{font-size:20px!important;font-weight:700!important;line-height:130%!important}.display-1[data-v-043ca1b1]{font-size:40px!important;line-height:130%!important}.display-1-bold[data-v-043ca1b1]{font-size:40px!important;font-weight:700!important;line-height:130%!important}.display-2[data-v-043ca1b1]{font-size:30px!important;line-height:130%!important}.display-2-bold[data-v-043ca1b1]{font-size:30px!important;font-weight:700!important;line-height:130%!important}.elevation-1[data-v-043ca1b1],.elevation-2[data-v-043ca1b1],.elevation-3[data-v-043ca1b1],.elevation-4[data-v-043ca1b1],.elevation-5[data-v-043ca1b1],.elevation-6[data-v-043ca1b1],.elevation-7[data-v-043ca1b1],.elevation-8[data-v-043ca1b1],.elevation-9[data-v-043ca1b1],.elevation-10[data-v-043ca1b1],.elevation-11[data-v-043ca1b1],.elevation-12[data-v-043ca1b1],.elevation-13[data-v-043ca1b1],.elevation-14[data-v-043ca1b1],.elevation-15[data-v-043ca1b1],.elevation-16[data-v-043ca1b1],.elevation-17[data-v-043ca1b1],.elevation-18[data-v-043ca1b1],.elevation-19[data-v-043ca1b1],.elevation-20[data-v-043ca1b1],.elevation-21[data-v-043ca1b1],.elevation-22[data-v-043ca1b1],.elevation-23[data-v-043ca1b1],.elevation-24[data-v-043ca1b1]{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f!important}.page-container[data-v-043ca1b1]{text-align:center;margin:0 auto;padding:40px 40px 56px 56px;width:1160px}@media (max-width: 600px){.page-container[data-v-043ca1b1]{max-width:600px;padding:40px 24px 80px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;width:80%}}@media (min-width: 601px) and (max-width: 960px){.page-container[data-v-043ca1b1]{max-width:960px;width:80%;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:24px}}@media (min-width: 960px){.page-container[data-v-043ca1b1]{max-width:960px;width:100%;display:grid;grid-template-columns:repeat(12,1fr);grid-gap:24px}}.vd-user-menu-btn-ctn[data-v-043ca1b1]{position:relative;z-index:1}.vd-user-menu-btn-ctn .v-btn.v-btn--density-default[data-v-043ca1b1]{height:auto!important}.vd-user-menu-btn[data-v-043ca1b1]{outline:none;padding:12px!important}.vd-user-menu-btn[data-v-043ca1b1]:hover:before{background:#000;opacity:.05}.vd-user-menu-btn[data-v-043ca1b1]:focus:before{background:#0c419a;opacity:.08}.vd-user-menu-btn[data-v-043ca1b1]:focus{background:#0c419a14!important}[data-v-043ca1b1] .vd-user-menu-btn:focus>.v-btn__overlay{opacity:0!important}.title[data-v-cfa16d24]{font-size:24px!important}.alt-title[data-v-cfa16d24]{font-size:20px!important}.body-text[data-v-cfa16d24]{font-size:16px!important}.link-label[data-v-cfa16d24]{font-size:14px!important}h1[data-v-cfa16d24]{font-size:32px!important;line-height:130%!important}.h1-bold[data-v-cfa16d24]{font-size:32px!important;font-weight:700!important;line-height:130%!important}h2[data-v-cfa16d24]{font-size:28px!important;line-height:130%!important}.h2-bold[data-v-cfa16d24]{font-size:28px!important;font-weight:700!important;line-height:130%!important}h3[data-v-cfa16d24]{font-size:24px!important;line-height:130%!important}.h3-bold[data-v-cfa16d24]{font-size:24px!important;font-weight:700!important;line-height:130%!important}h4[data-v-cfa16d24]{font-size:20px!important;line-height:130%!important}.h4-bold[data-v-cfa16d24]{font-size:20px!important;font-weight:700!important;line-height:130%!important}.display-1[data-v-cfa16d24]{font-size:40px!important;line-height:130%!important}.display-1-bold[data-v-cfa16d24]{font-size:40px!important;font-weight:700!important;line-height:130%!important}.display-2[data-v-cfa16d24]{font-size:30px!important;line-height:130%!important}.display-2-bold[data-v-cfa16d24]{font-size:30px!important;font-weight:700!important;line-height:130%!important}.elevation-1[data-v-cfa16d24],.elevation-2[data-v-cfa16d24],.elevation-3[data-v-cfa16d24],.elevation-4[data-v-cfa16d24],.elevation-5[data-v-cfa16d24],.elevation-6[data-v-cfa16d24],.elevation-7[data-v-cfa16d24],.elevation-8[data-v-cfa16d24],.elevation-9[data-v-cfa16d24],.elevation-10[data-v-cfa16d24],.elevation-11[data-v-cfa16d24],.elevation-12[data-v-cfa16d24],.elevation-13[data-v-cfa16d24],.elevation-14[data-v-cfa16d24],.elevation-15[data-v-cfa16d24],.elevation-16[data-v-cfa16d24],.elevation-17[data-v-cfa16d24],.elevation-18[data-v-cfa16d24],.elevation-19[data-v-cfa16d24],.elevation-20[data-v-cfa16d24],.elevation-21[data-v-cfa16d24],.elevation-22[data-v-cfa16d24],.elevation-23[data-v-cfa16d24],.elevation-24[data-v-cfa16d24]{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f!important}.page-container[data-v-cfa16d24]{text-align:center;margin:0 auto;padding:40px 40px 56px 56px;width:1160px}@media (max-width: 600px){.page-container[data-v-cfa16d24]{max-width:600px;padding:40px 24px 80px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;width:80%}}@media (min-width: 601px) and (max-width: 960px){.page-container[data-v-cfa16d24]{max-width:960px;width:80%;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:24px}}@media (min-width: 960px){.page-container[data-v-cfa16d24]{max-width:960px;width:100%;display:grid;grid-template-columns:repeat(12,1fr);grid-gap:24px}}.v-input[data-v-cfa16d24]{cursor:pointer;position:relative}.v-list[data-v-cfa16d24]{position:absolute;width:100%;z-index:1;background-color:#fff;min-width:fit-content;max-width:100px;padding:0;box-shadow:0 2px 5px #0000001f,0 2px 10px #00000014;border-radius:4px;overflow-y:auto;max-height:300px}.v-list-item[data-v-cfa16d24]:hover{background-color:#0000000a}[data-v-cfa16d24] .v-list-item[aria-selected=true]{background-color:#00000014}[data-v-cfa16d24] .v-list-item[aria-selected=true] .v-list-item-title{font-weight:700}.v-btn[data-v-cfa16d24],.text-color[data-v-cfa16d24]{color:#0c419a}.title[data-v-7b57a9f5]{font-size:24px!important}.alt-title[data-v-7b57a9f5]{font-size:20px!important}.body-text[data-v-7b57a9f5]{font-size:16px!important}.link-label[data-v-7b57a9f5]{font-size:14px!important}h1[data-v-7b57a9f5]{font-size:32px!important;line-height:130%!important}.h1-bold[data-v-7b57a9f5]{font-size:32px!important;font-weight:700!important;line-height:130%!important}h2[data-v-7b57a9f5]{font-size:28px!important;line-height:130%!important}.h2-bold[data-v-7b57a9f5]{font-size:28px!important;font-weight:700!important;line-height:130%!important}h3[data-v-7b57a9f5]{font-size:24px!important;line-height:130%!important}.h3-bold[data-v-7b57a9f5]{font-size:24px!important;font-weight:700!important;line-height:130%!important}h4[data-v-7b57a9f5]{font-size:20px!important;line-height:130%!important}.h4-bold[data-v-7b57a9f5]{font-size:20px!important;font-weight:700!important;line-height:130%!important}.display-1[data-v-7b57a9f5]{font-size:40px!important;line-height:130%!important}.display-1-bold[data-v-7b57a9f5]{font-size:40px!important;font-weight:700!important;line-height:130%!important}.display-2[data-v-7b57a9f5]{font-size:30px!important;line-height:130%!important}.display-2-bold[data-v-7b57a9f5]{font-size:30px!important;font-weight:700!important;line-height:130%!important}.elevation-1[data-v-7b57a9f5],.elevation-2[data-v-7b57a9f5],.elevation-3[data-v-7b57a9f5],.elevation-4[data-v-7b57a9f5],.elevation-5[data-v-7b57a9f5],.elevation-6[data-v-7b57a9f5],.elevation-7[data-v-7b57a9f5],.elevation-8[data-v-7b57a9f5],.elevation-9[data-v-7b57a9f5],.elevation-10[data-v-7b57a9f5],.elevation-11[data-v-7b57a9f5],.elevation-12[data-v-7b57a9f5],.elevation-13[data-v-7b57a9f5],.elevation-14[data-v-7b57a9f5],.elevation-15[data-v-7b57a9f5],.elevation-16[data-v-7b57a9f5],.elevation-17[data-v-7b57a9f5],.elevation-18[data-v-7b57a9f5],.elevation-19[data-v-7b57a9f5],.elevation-20[data-v-7b57a9f5],.elevation-21[data-v-7b57a9f5],.elevation-22[data-v-7b57a9f5],.elevation-23[data-v-7b57a9f5],.elevation-24[data-v-7b57a9f5]{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f!important}.page-container[data-v-7b57a9f5]{text-align:center;margin:0 auto;padding:40px 40px 56px 56px;width:1160px}@media (max-width: 600px){.page-container[data-v-7b57a9f5]{max-width:600px;padding:40px 24px 80px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;width:80%}}@media (min-width: 601px) and (max-width: 960px){.page-container[data-v-7b57a9f5]{max-width:960px;width:80%;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:24px}}@media (min-width: 960px){.page-container[data-v-7b57a9f5]{max-width:960px;width:100%;display:grid;grid-template-columns:repeat(12,1fr);grid-gap:24px}}.sy-select[data-v-7b57a9f5]{display:flex;flex-direction:column;min-width:225px}.v-field[data-v-7b57a9f5]{position:relative}.v-field--focused .v-icon[data-v-7b57a9f5]{transform:rotateX(180deg)}.v-list[data-v-7b57a9f5]{position:absolute;left:inherit!important;margin-top:-22px;background-color:#fff;max-height:300px;padding:0;box-shadow:0 2px 5px #0000001f,0 2px 10px #00000014;border-radius:4px;overflow-y:auto;z-index:2}.v-list-item[data-v-7b57a9f5]:hover{background-color:#0000000a}.v-list-item[aria-selected=true][data-v-7b57a9f5]{background-color:#00000014}.v-icon[data-v-7b57a9f5]{position:absolute;right:10px;color:#434647}[data-v-7b57a9f5] .v-field__input{color:#434647}.vd-row[data-v-ac4bdcda]{display:flex;flex-wrap:wrap}.vd-row .vd-data-list-item-label[data-v-ac4bdcda]{align-self:center}.vd-row .vd-data-list-item-label[data-v-ac4bdcda]:after{content:":";margin:0 4px}.vd-data-list-item-action-btn.v-btn[data-v-ac4bdcda]{min-width:0;margin:0 -1px}.v-icon.v-theme--light[data-v-ac4bdcda]{color:#0000008a}.vd-header-loading[data-v-5a62b165]{background:transparent}.vd-header-loading[data-v-5a62b165] .v-skeleton-loader__heading{width:100%;height:100%;border-radius:35px;margin:0;background:rgba(128,128,128,var(--v-border-opacity))}.vd-header-loading.v-skeleton-loader--tile[data-v-5a62b165] .v-skeleton-loader__heading{border-radius:0}[data-v-e625daaf] ul{list-style:none}.title[data-v-111dda07]{font-size:24px!important}.alt-title[data-v-111dda07]{font-size:20px!important}.body-text[data-v-111dda07]{font-size:16px!important}.link-label[data-v-111dda07]{font-size:14px!important}h1[data-v-111dda07]{font-size:32px!important;line-height:130%!important}.h1-bold[data-v-111dda07]{font-size:32px!important;font-weight:700!important;line-height:130%!important}h2[data-v-111dda07]{font-size:28px!important;line-height:130%!important}.h2-bold[data-v-111dda07]{font-size:28px!important;font-weight:700!important;line-height:130%!important}h3[data-v-111dda07]{font-size:24px!important;line-height:130%!important}.h3-bold[data-v-111dda07]{font-size:24px!important;font-weight:700!important;line-height:130%!important}h4[data-v-111dda07]{font-size:20px!important;line-height:130%!important}.h4-bold[data-v-111dda07]{font-size:20px!important;font-weight:700!important;line-height:130%!important}.display-1[data-v-111dda07]{font-size:40px!important;line-height:130%!important}.display-1-bold[data-v-111dda07]{font-size:40px!important;font-weight:700!important;line-height:130%!important}.display-2[data-v-111dda07]{font-size:30px!important;line-height:130%!important}.display-2-bold[data-v-111dda07]{font-size:30px!important;font-weight:700!important;line-height:130%!important}.elevation-1[data-v-111dda07],.elevation-2[data-v-111dda07],.elevation-3[data-v-111dda07],.elevation-4[data-v-111dda07],.elevation-5[data-v-111dda07],.elevation-6[data-v-111dda07],.elevation-7[data-v-111dda07],.elevation-8[data-v-111dda07],.elevation-9[data-v-111dda07],.elevation-10[data-v-111dda07],.elevation-11[data-v-111dda07],.elevation-12[data-v-111dda07],.elevation-13[data-v-111dda07],.elevation-14[data-v-111dda07],.elevation-15[data-v-111dda07],.elevation-16[data-v-111dda07],.elevation-17[data-v-111dda07],.elevation-18[data-v-111dda07],.elevation-19[data-v-111dda07],.elevation-20[data-v-111dda07],.elevation-21[data-v-111dda07],.elevation-22[data-v-111dda07],.elevation-23[data-v-111dda07],.elevation-24[data-v-111dda07]{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f!important}.page-container[data-v-111dda07]{text-align:center;margin:0 auto;padding:40px 40px 56px 56px;width:1160px}@media (max-width: 600px){.page-container[data-v-111dda07]{max-width:600px;padding:40px 24px 80px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;width:80%}}@media (min-width: 601px) and (max-width: 960px){.page-container[data-v-111dda07]{max-width:960px;width:80%;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:24px}}@media (min-width: 960px){.page-container[data-v-111dda07]{max-width:960px;width:100%;display:grid;grid-template-columns:repeat(12,1fr);grid-gap:24px}}.v-card__title[data-v-111dda07]>*{line-height:1em}.v-btn--icon[data-v-111dda07]{color:#222324;position:absolute;right:24px}h2[data-v-111dda07]{word-break:break-word;text-wrap:balance}.vd-dialog-box-actions-ctn[data-v-111dda07]{display:flex;flex-direction:column-reverse;justify-content:stretch;gap:16px}@media screen and (min-width: 600px){.vd-dialog-box-actions-ctn[data-v-111dda07]{flex-direction:row}}.vd-download-btn[data-v-ef3f6e33] .v-btn__content{flex-wrap:wrap}.vd-download-btn[data-v-ef3f6e33] .v-icon{flex:none}.outlined-style[data-v-ef3f6e33]{border:1px solid currentColor}.vd-page-container[data-v-773c0ca7]{flex:1}.vd-code[data-v-8c79b790]{font-size:6rem;line-height:6rem;font-weight:400}.title[data-v-82e1e286]{font-size:24px!important}.alt-title[data-v-82e1e286]{font-size:20px!important}.body-text[data-v-82e1e286]{font-size:16px!important}.link-label[data-v-82e1e286]{font-size:14px!important}h1[data-v-82e1e286]{font-size:32px!important;line-height:130%!important}.h1-bold[data-v-82e1e286]{font-size:32px!important;font-weight:700!important;line-height:130%!important}h2[data-v-82e1e286]{font-size:28px!important;line-height:130%!important}.h2-bold[data-v-82e1e286]{font-size:28px!important;font-weight:700!important;line-height:130%!important}h3[data-v-82e1e286]{font-size:24px!important;line-height:130%!important}.h3-bold[data-v-82e1e286]{font-size:24px!important;font-weight:700!important;line-height:130%!important}h4[data-v-82e1e286]{font-size:20px!important;line-height:130%!important}.h4-bold[data-v-82e1e286]{font-size:20px!important;font-weight:700!important;line-height:130%!important}.display-1[data-v-82e1e286]{font-size:40px!important;line-height:130%!important}.display-1-bold[data-v-82e1e286]{font-size:40px!important;font-weight:700!important;line-height:130%!important}.display-2[data-v-82e1e286]{font-size:30px!important;line-height:130%!important}.display-2-bold[data-v-82e1e286]{font-size:30px!important;font-weight:700!important;line-height:130%!important}.elevation-1[data-v-82e1e286],.elevation-2[data-v-82e1e286],.elevation-3[data-v-82e1e286],.elevation-4[data-v-82e1e286],.elevation-5[data-v-82e1e286],.elevation-6[data-v-82e1e286],.elevation-7[data-v-82e1e286],.elevation-8[data-v-82e1e286],.elevation-9[data-v-82e1e286],.elevation-10[data-v-82e1e286],.elevation-11[data-v-82e1e286],.elevation-12[data-v-82e1e286],.elevation-13[data-v-82e1e286],.elevation-14[data-v-82e1e286],.elevation-15[data-v-82e1e286],.elevation-16[data-v-82e1e286],.elevation-17[data-v-82e1e286],.elevation-18[data-v-82e1e286],.elevation-19[data-v-82e1e286],.elevation-20[data-v-82e1e286],.elevation-21[data-v-82e1e286],.elevation-22[data-v-82e1e286],.elevation-23[data-v-82e1e286],.elevation-24[data-v-82e1e286]{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f!important}.page-container[data-v-82e1e286]{text-align:center;margin:0 auto;padding:40px 40px 56px 56px;width:1160px}@media (max-width: 600px){.page-container[data-v-82e1e286]{max-width:600px;padding:40px 24px 80px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;width:80%}}@media (min-width: 601px) and (max-width: 960px){.page-container[data-v-82e1e286]{max-width:960px;width:80%;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:24px}}@media (min-width: 960px){.page-container[data-v-82e1e286]{max-width:960px;width:100%;display:grid;grid-template-columns:repeat(12,1fr);grid-gap:24px}}.vd-social-media-links[data-v-82e1e286]{display:flex;flex-direction:column}li[data-v-82e1e286]{list-style:none}.vd-social-media-links-label.text--primary[data-v-82e1e286]{color:#0c419a;font-weight:600}.v-theme--dark .vd-social-media-links-label.text--primary[data-v-82e1e286]{color:#fff}.vd-social-media-links-icon[data-v-82e1e286]{color:#545859}.v-btn--icon[data-v-82e1e286]{width:calc(var(--v-btn-height) + 5px);height:calc(var(--v-btn-height) + 5px);border:0}.v-theme--dark .v-btn--variant-text[data-v-82e1e286]:hover{background:#ffffff1a}@media (min-width: 768px){.vd-social-media-links-label[data-v-82e1e286]{text-align:right}}@media (max-width: 767px){.vd-social-media-links-label[data-v-82e1e286]{text-align:left}}.title[data-v-ccd9e76e]{font-size:24px!important}.alt-title[data-v-ccd9e76e]{font-size:20px!important}.body-text[data-v-ccd9e76e]{font-size:16px!important}.link-label[data-v-ccd9e76e]{font-size:14px!important}h1[data-v-ccd9e76e]{font-size:32px!important;line-height:130%!important}.h1-bold[data-v-ccd9e76e]{font-size:32px!important;font-weight:700!important;line-height:130%!important}h2[data-v-ccd9e76e]{font-size:28px!important;line-height:130%!important}.h2-bold[data-v-ccd9e76e]{font-size:28px!important;font-weight:700!important;line-height:130%!important}h3[data-v-ccd9e76e]{font-size:24px!important;line-height:130%!important}.h3-bold[data-v-ccd9e76e]{font-size:24px!important;font-weight:700!important;line-height:130%!important}h4[data-v-ccd9e76e]{font-size:20px!important;line-height:130%!important}.h4-bold[data-v-ccd9e76e]{font-size:20px!important;font-weight:700!important;line-height:130%!important}.display-1[data-v-ccd9e76e]{font-size:40px!important;line-height:130%!important}.display-1-bold[data-v-ccd9e76e]{font-size:40px!important;font-weight:700!important;line-height:130%!important}.display-2[data-v-ccd9e76e]{font-size:30px!important;line-height:130%!important}.display-2-bold[data-v-ccd9e76e]{font-size:30px!important;font-weight:700!important;line-height:130%!important}.elevation-1[data-v-ccd9e76e],.elevation-2[data-v-ccd9e76e],.elevation-3[data-v-ccd9e76e],.elevation-4[data-v-ccd9e76e],.elevation-5[data-v-ccd9e76e],.elevation-6[data-v-ccd9e76e],.elevation-7[data-v-ccd9e76e],.elevation-8[data-v-ccd9e76e],.elevation-9[data-v-ccd9e76e],.elevation-10[data-v-ccd9e76e],.elevation-11[data-v-ccd9e76e],.elevation-12[data-v-ccd9e76e],.elevation-13[data-v-ccd9e76e],.elevation-14[data-v-ccd9e76e],.elevation-15[data-v-ccd9e76e],.elevation-16[data-v-ccd9e76e],.elevation-17[data-v-ccd9e76e],.elevation-18[data-v-ccd9e76e],.elevation-19[data-v-ccd9e76e],.elevation-20[data-v-ccd9e76e],.elevation-21[data-v-ccd9e76e],.elevation-22[data-v-ccd9e76e],.elevation-23[data-v-ccd9e76e],.elevation-24[data-v-ccd9e76e]{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f!important}.page-container[data-v-ccd9e76e]{text-align:center;margin:0 auto;padding:40px 40px 56px 56px;width:1160px}@media (max-width: 600px){.page-container[data-v-ccd9e76e]{max-width:600px;padding:40px 24px 80px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;width:80%}}@media (min-width: 601px) and (max-width: 960px){.page-container[data-v-ccd9e76e]{max-width:960px;width:80%;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:24px}}@media (min-width: 960px){.page-container[data-v-ccd9e76e]{max-width:960px;width:100%;display:grid;grid-template-columns:repeat(12,1fr);grid-gap:24px}}a[data-v-ccd9e76e]{cursor:pointer}.v-btn--icon[data-v-ccd9e76e]{border:0}.v-footer[data-v-ccd9e76e]{flex-grow:0!important;justify-content:center}.vd-footer-bar[data-v-ccd9e76e] .vd-footer-bar-links a,.vd-footer-bar[data-v-ccd9e76e] p,.vd-footer-bar[data-v-ccd9e76e] .text--primary{color:#000000de}.vd-footer-bar[data-v-ccd9e76e] .text--secondary{color:#0009}.vd-footer-bar[data-v-ccd9e76e] .social .text--primary{color:#0c419a}.vd-footer-bar[data-v-ccd9e76e] .social a.v-btn:hover,.vd-footer-bar[data-v-ccd9e76e] button.v-btn:hover{background:#0000000d}.vd-footer-bar[data-v-ccd9e76e] a.text--primary{color:#0c419a}.vd-footer-bar[data-v-ccd9e76e] .v-divider{border-color:#2f384d}.vd-footer-bar[data-v-ccd9e76e] svg.logo{fill:#0c419a}.vd-footer-bar[data-v-ccd9e76e] .scroll{color:#0c419a!important}.vd-footer-bar.v-theme--dark[data-v-ccd9e76e] .vd-footer-bar-links a{color:#fff}.vd-footer-bar.v-theme--dark[data-v-ccd9e76e] p,.vd-footer-bar.v-theme--dark[data-v-ccd9e76e] .text--primary{color:#ffffffde}.vd-footer-bar.v-theme--dark[data-v-ccd9e76e] .text--secondary{color:#fff9}.vd-footer-bar.v-theme--dark[data-v-ccd9e76e] a.text--primary{color:#fff}.vd-footer-bar.v-theme--dark[data-v-ccd9e76e] .v-divider{border-color:#fff}.vd-footer-bar.v-theme--dark[data-v-ccd9e76e] svg{fill:#fff}.vd-footer-bar-links[data-v-ccd9e76e] li{list-style:none;display:flex}.vd-footer-bar-links[data-v-ccd9e76e] a{transition:.15s;text-decoration:none;padding-top:1px;border-bottom:1px solid transparent}.vd-footer-bar-links[data-v-ccd9e76e] a:hover,.vd-footer-bar-links[data-v-ccd9e76e] a:focus{border-color:currentColor}.vd-footer-bar-links[data-v-ccd9e76e] p{padding:1px 0}.v-theme--dark button.v-btn[data-v-ccd9e76e]:hover{background:#ffffff1a}.vd-france-connect-btn a[data-v-7d3bb666]{color:#000091}.vd-france-connect-btn a[data-v-7d3bb666]:focus{outline-offset:3px}.vd-france-connect-link[data-v-7d3bb666]{background:#000091}.vd-france-connect-link[data-v-7d3bb666]:hover{background:#1212ff;transition:all .2s ease-in-out}.vd-france-connect-link[data-v-7d3bb666]:active{background:#2323ff}.vd-france-connect-link[data-v-7d3bb666]:focus{outline-offset:3px}.vd-france-connect-btn--dark .vd-france-connect-link[data-v-7d3bb666]{color:#fff;background-color:#8585f6}.vd-france-connect-btn--dark .vd-france-connect-link[data-v-7d3bb666]:hover{background-color:#b1b1f9}.vd-france-connect-btn--dark .vd-france-connect-link[data-v-7d3bb666]:active{background-color:#c6c6fb}.vd-france-connect-btn--dark .vd-france-connect-info-link[data-v-7d3bb666]{color:#8585f6}.vd-france-connect-info-link[data-v-7d3bb666]{background-image:linear-gradient(currentColor,currentColor);background-position:0% 100%;background-repeat:no-repeat;background-size:100% 1px}.vd-france-connect-info-link[data-v-7d3bb666]:hover{background-size:100% 2px}[data-v-7d3bb666] :scope:focus{border-radius:0!important}.cls-2[data-v-c84a4cb8],.cls-2[data-v-3e4cb924]{fill:#0c419a}.title[data-v-b87d6ac8]{font-size:24px!important}.alt-title[data-v-b87d6ac8]{font-size:20px!important}.body-text[data-v-b87d6ac8]{font-size:16px!important}.link-label[data-v-b87d6ac8]{font-size:14px!important}h1[data-v-b87d6ac8]{font-size:32px!important;line-height:130%!important}.h1-bold[data-v-b87d6ac8]{font-size:32px!important;font-weight:700!important;line-height:130%!important}h2[data-v-b87d6ac8]{font-size:28px!important;line-height:130%!important}.h2-bold[data-v-b87d6ac8]{font-size:28px!important;font-weight:700!important;line-height:130%!important}h3[data-v-b87d6ac8]{font-size:24px!important;line-height:130%!important}.h3-bold[data-v-b87d6ac8]{font-size:24px!important;font-weight:700!important;line-height:130%!important}h4[data-v-b87d6ac8]{font-size:20px!important;line-height:130%!important}.h4-bold[data-v-b87d6ac8]{font-size:20px!important;font-weight:700!important;line-height:130%!important}.display-1[data-v-b87d6ac8]{font-size:40px!important;line-height:130%!important}.display-1-bold[data-v-b87d6ac8]{font-size:40px!important;font-weight:700!important;line-height:130%!important}.display-2[data-v-b87d6ac8]{font-size:30px!important;line-height:130%!important}.display-2-bold[data-v-b87d6ac8]{font-size:30px!important;font-weight:700!important;line-height:130%!important}.elevation-1[data-v-b87d6ac8],.elevation-2[data-v-b87d6ac8],.elevation-3[data-v-b87d6ac8],.elevation-4[data-v-b87d6ac8],.elevation-5[data-v-b87d6ac8],.elevation-6[data-v-b87d6ac8],.elevation-7[data-v-b87d6ac8],.elevation-8[data-v-b87d6ac8],.elevation-9[data-v-b87d6ac8],.elevation-10[data-v-b87d6ac8],.elevation-11[data-v-b87d6ac8],.elevation-12[data-v-b87d6ac8],.elevation-13[data-v-b87d6ac8],.elevation-14[data-v-b87d6ac8],.elevation-15[data-v-b87d6ac8],.elevation-16[data-v-b87d6ac8],.elevation-17[data-v-b87d6ac8],.elevation-18[data-v-b87d6ac8],.elevation-19[data-v-b87d6ac8],.elevation-20[data-v-b87d6ac8],.elevation-21[data-v-b87d6ac8],.elevation-22[data-v-b87d6ac8],.elevation-23[data-v-b87d6ac8],.elevation-24[data-v-b87d6ac8]{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f!important}.page-container[data-v-b87d6ac8]{text-align:center;margin:0 auto;padding:40px 40px 56px 56px;width:1160px}@media (max-width: 600px){.page-container[data-v-b87d6ac8]{max-width:600px;padding:40px 24px 80px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;width:80%}}@media (min-width: 601px) and (max-width: 960px){.page-container[data-v-b87d6ac8]{max-width:960px;width:80%;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:24px}}@media (min-width: 960px){.page-container[data-v-b87d6ac8]{max-width:960px;width:100%;display:grid;grid-template-columns:repeat(12,1fr);grid-gap:24px}}.logo[data-v-b87d6ac8]{display:flex;height:52px;align-items:center;color:#0c419a;line-height:1.45;font-family:Cabin,Arial,Helvetica,sans-serif;text-decoration:none;cursor:pointer}.logo[data-v-b87d6ac8] svg{flex-grow:0;flex-shrink:0}.service-title[data-v-b87d6ac8]{font-size:.875rem;font-weight:500}.service-subtitle[data-v-b87d6ac8]{font-size:.875rem;font-weight:400}@media screen and (min-width: 990px){.service-title[data-v-b87d6ac8]{font-size:1.125rem}.service-subtitle[data-v-b87d6ac8]{font-size:.75rem}}.title[data-v-1310f38f]{font-size:24px!important}.alt-title[data-v-1310f38f]{font-size:20px!important}.body-text[data-v-1310f38f]{font-size:16px!important}.link-label[data-v-1310f38f]{font-size:14px!important}h1[data-v-1310f38f]{font-size:32px!important;line-height:130%!important}.h1-bold[data-v-1310f38f]{font-size:32px!important;font-weight:700!important;line-height:130%!important}h2[data-v-1310f38f]{font-size:28px!important;line-height:130%!important}.h2-bold[data-v-1310f38f]{font-size:28px!important;font-weight:700!important;line-height:130%!important}h3[data-v-1310f38f]{font-size:24px!important;line-height:130%!important}.h3-bold[data-v-1310f38f]{font-size:24px!important;font-weight:700!important;line-height:130%!important}h4[data-v-1310f38f]{font-size:20px!important;line-height:130%!important}.h4-bold[data-v-1310f38f]{font-size:20px!important;font-weight:700!important;line-height:130%!important}.display-1[data-v-1310f38f]{font-size:40px!important;line-height:130%!important}.display-1-bold[data-v-1310f38f]{font-size:40px!important;font-weight:700!important;line-height:130%!important}.display-2[data-v-1310f38f]{font-size:30px!important;line-height:130%!important}.display-2-bold[data-v-1310f38f]{font-size:30px!important;font-weight:700!important;line-height:130%!important}.elevation-1[data-v-1310f38f],.elevation-2[data-v-1310f38f],.elevation-3[data-v-1310f38f],.elevation-4[data-v-1310f38f],.elevation-5[data-v-1310f38f],.elevation-6[data-v-1310f38f],.elevation-7[data-v-1310f38f],.elevation-8[data-v-1310f38f],.elevation-9[data-v-1310f38f],.elevation-10[data-v-1310f38f],.elevation-11[data-v-1310f38f],.elevation-12[data-v-1310f38f],.elevation-13[data-v-1310f38f],.elevation-14[data-v-1310f38f],.elevation-15[data-v-1310f38f],.elevation-16[data-v-1310f38f],.elevation-17[data-v-1310f38f],.elevation-18[data-v-1310f38f],.elevation-19[data-v-1310f38f],.elevation-20[data-v-1310f38f],.elevation-21[data-v-1310f38f],.elevation-22[data-v-1310f38f],.elevation-23[data-v-1310f38f],.elevation-24[data-v-1310f38f]{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f!important}.page-container[data-v-1310f38f]{text-align:center;margin:0 auto;padding:40px 40px 56px 56px;width:1160px}@media (max-width: 600px){.page-container[data-v-1310f38f]{max-width:600px;padding:40px 24px 80px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;width:80%}}@media (min-width: 601px) and (max-width: 960px){.page-container[data-v-1310f38f]{max-width:960px;width:80%;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:24px}}@media (min-width: 960px){.page-container[data-v-1310f38f]{max-width:960px;width:100%;display:grid;grid-template-columns:repeat(12,1fr);grid-gap:24px}}.header[data-v-1310f38f]{position:relative;z-index:1}.sticky-header[data-v-1310f38f]{background-color:#fff;width:100%;z-index:1000}.inner-header[data-v-1310f38f]{display:flex;align-items:center;height:77px;max-width:1712px;margin:0 auto;border-bottom:solid 1px #ced9eb}.header-logo[data-v-1310f38f]{margin-left:1rem}.header-side[data-v-1310f38f]{display:flex;align-items:center;margin-left:auto}@media screen and (min-width: 990px){.header-logo[data-v-1310f38f]{margin-left:2rem}.inner-header[data-v-1310f38f]{height:95px}}.title[data-v-9b8f4e67]{font-size:24px!important}.alt-title[data-v-9b8f4e67]{font-size:20px!important}.body-text[data-v-9b8f4e67]{font-size:16px!important}.link-label[data-v-9b8f4e67]{font-size:14px!important}h1[data-v-9b8f4e67]{font-size:32px!important;line-height:130%!important}.h1-bold[data-v-9b8f4e67]{font-size:32px!important;font-weight:700!important;line-height:130%!important}h2[data-v-9b8f4e67]{font-size:28px!important;line-height:130%!important}.h2-bold[data-v-9b8f4e67]{font-size:28px!important;font-weight:700!important;line-height:130%!important}h3[data-v-9b8f4e67]{font-size:24px!important;line-height:130%!important}.h3-bold[data-v-9b8f4e67]{font-size:24px!important;font-weight:700!important;line-height:130%!important}h4[data-v-9b8f4e67]{font-size:20px!important;line-height:130%!important}.h4-bold[data-v-9b8f4e67]{font-size:20px!important;font-weight:700!important;line-height:130%!important}.display-1[data-v-9b8f4e67]{font-size:40px!important;line-height:130%!important}.display-1-bold[data-v-9b8f4e67]{font-size:40px!important;font-weight:700!important;line-height:130%!important}.display-2[data-v-9b8f4e67]{font-size:30px!important;line-height:130%!important}.display-2-bold[data-v-9b8f4e67]{font-size:30px!important;font-weight:700!important;line-height:130%!important}.elevation-1[data-v-9b8f4e67],.elevation-2[data-v-9b8f4e67],.elevation-3[data-v-9b8f4e67],.elevation-4[data-v-9b8f4e67],.elevation-5[data-v-9b8f4e67],.elevation-6[data-v-9b8f4e67],.elevation-7[data-v-9b8f4e67],.elevation-8[data-v-9b8f4e67],.elevation-9[data-v-9b8f4e67],.elevation-10[data-v-9b8f4e67],.elevation-11[data-v-9b8f4e67],.elevation-12[data-v-9b8f4e67],.elevation-13[data-v-9b8f4e67],.elevation-14[data-v-9b8f4e67],.elevation-15[data-v-9b8f4e67],.elevation-16[data-v-9b8f4e67],.elevation-17[data-v-9b8f4e67],.elevation-18[data-v-9b8f4e67],.elevation-19[data-v-9b8f4e67],.elevation-20[data-v-9b8f4e67],.elevation-21[data-v-9b8f4e67],.elevation-22[data-v-9b8f4e67],.elevation-23[data-v-9b8f4e67],.elevation-24[data-v-9b8f4e67]{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f!important}.page-container[data-v-9b8f4e67]{text-align:center;margin:0 auto;padding:40px 40px 56px 56px;width:1160px}@media (max-width: 600px){.page-container[data-v-9b8f4e67]{max-width:600px;padding:40px 24px 80px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;width:80%}}@media (min-width: 601px) and (max-width: 960px){.page-container[data-v-9b8f4e67]{max-width:960px;width:80%;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:24px}}@media (min-width: 960px){.page-container[data-v-9b8f4e67]{max-width:960px;width:100%;display:grid;grid-template-columns:repeat(12,1fr);grid-gap:24px}}.header-menu-btn[data-v-9b8f4e67]{text-transform:Capitalize;height:77px;width:82px;display:flex;flex-direction:column;align-items:center;flex-shrink:0;justify-content:center;font-weight:700;background-color:#0c419a;color:#fff;border-bottom:solid 1px #ced9eb;transition:color .15s .1s,background-color .15s .1s,border-bottom .15s .1s}.header-menu-btn[data-v-9b8f4e67]:focus-visible{background-color:#fff;color:#0c419a}.header-menu-btn__open[data-v-9b8f4e67]{background-color:#fff;color:#0c419a;border-color:#fff}@media screen and (max-width: 991px){.header-menu-btn__label[data-v-9b8f4e67]{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}}@media screen and (min-width: 990px){.header-menu-btn[data-v-9b8f4e67]{height:95px;width:95px}}.title[data-v-63b844d1]{font-size:24px!important}.alt-title[data-v-63b844d1]{font-size:20px!important}.body-text[data-v-63b844d1]{font-size:16px!important}.link-label[data-v-63b844d1]{font-size:14px!important}h1[data-v-63b844d1]{font-size:32px!important;line-height:130%!important}.h1-bold[data-v-63b844d1]{font-size:32px!important;font-weight:700!important;line-height:130%!important}h2[data-v-63b844d1]{font-size:28px!important;line-height:130%!important}.h2-bold[data-v-63b844d1]{font-size:28px!important;font-weight:700!important;line-height:130%!important}h3[data-v-63b844d1]{font-size:24px!important;line-height:130%!important}.h3-bold[data-v-63b844d1]{font-size:24px!important;font-weight:700!important;line-height:130%!important}h4[data-v-63b844d1]{font-size:20px!important;line-height:130%!important}.h4-bold[data-v-63b844d1]{font-size:20px!important;font-weight:700!important;line-height:130%!important}.display-1[data-v-63b844d1]{font-size:40px!important;line-height:130%!important}.display-1-bold[data-v-63b844d1]{font-size:40px!important;font-weight:700!important;line-height:130%!important}.display-2[data-v-63b844d1]{font-size:30px!important;line-height:130%!important}.display-2-bold[data-v-63b844d1]{font-size:30px!important;font-weight:700!important;line-height:130%!important}.elevation-1[data-v-63b844d1],.elevation-2[data-v-63b844d1],.elevation-3[data-v-63b844d1],.elevation-4[data-v-63b844d1],.elevation-5[data-v-63b844d1],.elevation-6[data-v-63b844d1],.elevation-7[data-v-63b844d1],.elevation-8[data-v-63b844d1],.elevation-9[data-v-63b844d1],.elevation-10[data-v-63b844d1],.elevation-11[data-v-63b844d1],.elevation-12[data-v-63b844d1],.elevation-13[data-v-63b844d1],.elevation-14[data-v-63b844d1],.elevation-15[data-v-63b844d1],.elevation-16[data-v-63b844d1],.elevation-17[data-v-63b844d1],.elevation-18[data-v-63b844d1],.elevation-19[data-v-63b844d1],.elevation-20[data-v-63b844d1],.elevation-21[data-v-63b844d1],.elevation-22[data-v-63b844d1],.elevation-23[data-v-63b844d1],.elevation-24[data-v-63b844d1]{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f!important}.page-container[data-v-63b844d1]{text-align:center;margin:0 auto;padding:40px 40px 56px 56px;width:1160px}@media (max-width: 600px){.page-container[data-v-63b844d1]{max-width:600px;padding:40px 24px 80px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;width:80%}}@media (min-width: 601px) and (max-width: 960px){.page-container[data-v-63b844d1]{max-width:960px;width:80%;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:24px}}@media (min-width: 960px){.page-container[data-v-63b844d1]{max-width:960px;width:100%;display:grid;grid-template-columns:repeat(12,1fr);grid-gap:24px}}.overlay[data-v-63b844d1]{top:0;right:0;bottom:0;left:0;position:fixed;z-index:1000;background-color:#03102580;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.menu-wrapper[data-v-63b844d1]{height:100dvh;background-color:#fff;display:flex;flex-direction:column}.header-menu-wrapper[data-v-63b844d1]{height:calc(100% - 77px);display:grid;position:relative;overflow:auto}.header-menu-wrapper--submenu-open[data-v-63b844d1]{overflow:clip}@media screen and (min-width: 990px){.menu-wrapper[data-v-63b844d1]{position:absolute;background-color:transparent}.header-menu-wrapper[data-v-63b844d1]{width:350px;overflow:visible}.header-menu[data-v-63b844d1]{background-color:#fff;overflow-y:auto;overflow-x:hidden;height:100%}}.menu-enter-active[data-v-63b844d1]{transition:opacity .15s ease-in}.menu-enter-active .header-menu-wrapper[data-v-63b844d1]{transition:transform .1s ease-in}.menu-leave-active[data-v-63b844d1]{transition:opacity .15s ease-out}.menu-leave-active .header-menu-wrapper[data-v-63b844d1]{transition:transform .1s ease-out}.menu-enter-from[data-v-63b844d1],.menu-leave-to[data-v-63b844d1]{opacity:0}@media screen and (min-width: 990px){.menu-enter-from .header-menu-wrapper[data-v-63b844d1],.menu-leave-to .header-menu-wrapper[data-v-63b844d1]{transform:translateY(10px)}}@media (prefers-reduced-motion: reduce){.menu-enter-active[data-v-63b844d1],.menu-leave-active[data-v-63b844d1]{transition:opacity 0s}.menu-enter-from .header-menu-wrapper[data-v-63b844d1],.menu-leave-to .header-menu-wrapper[data-v-63b844d1]{transform:none}}.title[data-v-753dd5aa]{font-size:24px!important}.alt-title[data-v-753dd5aa]{font-size:20px!important}.body-text[data-v-753dd5aa]{font-size:16px!important}.link-label[data-v-753dd5aa]{font-size:14px!important}h1[data-v-753dd5aa]{font-size:32px!important;line-height:130%!important}.h1-bold[data-v-753dd5aa]{font-size:32px!important;font-weight:700!important;line-height:130%!important}h2[data-v-753dd5aa]{font-size:28px!important;line-height:130%!important}.h2-bold[data-v-753dd5aa]{font-size:28px!important;font-weight:700!important;line-height:130%!important}h3[data-v-753dd5aa]{font-size:24px!important;line-height:130%!important}.h3-bold[data-v-753dd5aa]{font-size:24px!important;font-weight:700!important;line-height:130%!important}h4[data-v-753dd5aa]{font-size:20px!important;line-height:130%!important}.h4-bold[data-v-753dd5aa]{font-size:20px!important;font-weight:700!important;line-height:130%!important}.display-1[data-v-753dd5aa]{font-size:40px!important;line-height:130%!important}.display-1-bold[data-v-753dd5aa]{font-size:40px!important;font-weight:700!important;line-height:130%!important}.display-2[data-v-753dd5aa]{font-size:30px!important;line-height:130%!important}.display-2-bold[data-v-753dd5aa]{font-size:30px!important;font-weight:700!important;line-height:130%!important}.elevation-1[data-v-753dd5aa],.elevation-2[data-v-753dd5aa],.elevation-3[data-v-753dd5aa],.elevation-4[data-v-753dd5aa],.elevation-5[data-v-753dd5aa],.elevation-6[data-v-753dd5aa],.elevation-7[data-v-753dd5aa],.elevation-8[data-v-753dd5aa],.elevation-9[data-v-753dd5aa],.elevation-10[data-v-753dd5aa],.elevation-11[data-v-753dd5aa],.elevation-12[data-v-753dd5aa],.elevation-13[data-v-753dd5aa],.elevation-14[data-v-753dd5aa],.elevation-15[data-v-753dd5aa],.elevation-16[data-v-753dd5aa],.elevation-17[data-v-753dd5aa],.elevation-18[data-v-753dd5aa],.elevation-19[data-v-753dd5aa],.elevation-20[data-v-753dd5aa],.elevation-21[data-v-753dd5aa],.elevation-22[data-v-753dd5aa],.elevation-23[data-v-753dd5aa],.elevation-24[data-v-753dd5aa]{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f!important}.page-container[data-v-753dd5aa]{text-align:center;margin:0 auto;padding:40px 40px 56px 56px;width:1160px}@media (max-width: 600px){.page-container[data-v-753dd5aa]{max-width:600px;padding:40px 24px 80px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;width:80%}}@media (min-width: 601px) and (max-width: 960px){.page-container[data-v-753dd5aa]{max-width:960px;width:80%;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:24px}}@media (min-width: 960px){.page-container[data-v-753dd5aa]{max-width:960px;width:100%;display:grid;grid-template-columns:repeat(12,1fr);grid-gap:24px}}.header-menu-item[data-v-753dd5aa]{color:#0c419a;list-style-type:none;margin:0;padding:0;min-height:44px;font-weight:700}.header-menu-item[data-v-753dd5aa]>a{display:flex;flex-direction:column;padding:16px 50px 16px 20px;text-decoration:none;color:currentColor}.header-menu-item[data-v-753dd5aa]>a:hover{text-decoration:underline}.header-menu-item[data-v-753dd5aa]>a:visited{color:currentColor}.header-menu-item[data-v-753dd5aa]>a:first-letter{text-transform:uppercase}.header-menu-item[data-v-753dd5aa]:hover{background-color:#0c419a;color:#fff}.header-menu-item[data-v-753dd5aa]:hover>a>*{color:#fff!important}.title[data-v-7c0df756]{font-size:24px!important}.alt-title[data-v-7c0df756]{font-size:20px!important}.body-text[data-v-7c0df756]{font-size:16px!important}.link-label[data-v-7c0df756]{font-size:14px!important}h1[data-v-7c0df756]{font-size:32px!important;line-height:130%!important}.h1-bold[data-v-7c0df756]{font-size:32px!important;font-weight:700!important;line-height:130%!important}h2[data-v-7c0df756]{font-size:28px!important;line-height:130%!important}.h2-bold[data-v-7c0df756]{font-size:28px!important;font-weight:700!important;line-height:130%!important}h3[data-v-7c0df756]{font-size:24px!important;line-height:130%!important}.h3-bold[data-v-7c0df756]{font-size:24px!important;font-weight:700!important;line-height:130%!important}h4[data-v-7c0df756]{font-size:20px!important;line-height:130%!important}.h4-bold[data-v-7c0df756]{font-size:20px!important;font-weight:700!important;line-height:130%!important}.display-1[data-v-7c0df756]{font-size:40px!important;line-height:130%!important}.display-1-bold[data-v-7c0df756]{font-size:40px!important;font-weight:700!important;line-height:130%!important}.display-2[data-v-7c0df756]{font-size:30px!important;line-height:130%!important}.display-2-bold[data-v-7c0df756]{font-size:30px!important;font-weight:700!important;line-height:130%!important}.elevation-1[data-v-7c0df756],.elevation-2[data-v-7c0df756],.elevation-3[data-v-7c0df756],.elevation-4[data-v-7c0df756],.elevation-5[data-v-7c0df756],.elevation-6[data-v-7c0df756],.elevation-7[data-v-7c0df756],.elevation-8[data-v-7c0df756],.elevation-9[data-v-7c0df756],.elevation-10[data-v-7c0df756],.elevation-11[data-v-7c0df756],.elevation-12[data-v-7c0df756],.elevation-13[data-v-7c0df756],.elevation-14[data-v-7c0df756],.elevation-15[data-v-7c0df756],.elevation-16[data-v-7c0df756],.elevation-17[data-v-7c0df756],.elevation-18[data-v-7c0df756],.elevation-19[data-v-7c0df756],.elevation-20[data-v-7c0df756],.elevation-21[data-v-7c0df756],.elevation-22[data-v-7c0df756],.elevation-23[data-v-7c0df756],.elevation-24[data-v-7c0df756]{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f!important}.page-container[data-v-7c0df756]{text-align:center;margin:0 auto;padding:40px 40px 56px 56px;width:1160px}@media (max-width: 600px){.page-container[data-v-7c0df756]{max-width:600px;padding:40px 24px 80px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;width:80%}}@media (min-width: 601px) and (max-width: 960px){.page-container[data-v-7c0df756]{max-width:960px;width:80%;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:24px}}@media (min-width: 960px){.page-container[data-v-7c0df756]{max-width:960px;width:100%;display:grid;grid-template-columns:repeat(12,1fr);grid-gap:24px}}.header-menu-section[data-v-7c0df756]{list-style-type:none;padding:0;margin:0}.header-menu-section-title[data-v-7c0df756]{padding:40px 16px 8px 20px;border-bottom:1px solid #e0e0e0;font-size:1.1rem;margin-bottom:8px;color:#212529;text-transform:capitalize;font-weight:700}.title[data-v-e5697195]{font-size:24px!important}.alt-title[data-v-e5697195]{font-size:20px!important}.body-text[data-v-e5697195]{font-size:16px!important}.link-label[data-v-e5697195]{font-size:14px!important}h1[data-v-e5697195]{font-size:32px!important;line-height:130%!important}.h1-bold[data-v-e5697195]{font-size:32px!important;font-weight:700!important;line-height:130%!important}h2[data-v-e5697195]{font-size:28px!important;line-height:130%!important}.h2-bold[data-v-e5697195]{font-size:28px!important;font-weight:700!important;line-height:130%!important}h3[data-v-e5697195]{font-size:24px!important;line-height:130%!important}.h3-bold[data-v-e5697195]{font-size:24px!important;font-weight:700!important;line-height:130%!important}h4[data-v-e5697195]{font-size:20px!important;line-height:130%!important}.h4-bold[data-v-e5697195]{font-size:20px!important;font-weight:700!important;line-height:130%!important}.display-1[data-v-e5697195]{font-size:40px!important;line-height:130%!important}.display-1-bold[data-v-e5697195]{font-size:40px!important;font-weight:700!important;line-height:130%!important}.display-2[data-v-e5697195]{font-size:30px!important;line-height:130%!important}.display-2-bold[data-v-e5697195]{font-size:30px!important;font-weight:700!important;line-height:130%!important}.elevation-1[data-v-e5697195],.elevation-2[data-v-e5697195],.elevation-3[data-v-e5697195],.elevation-4[data-v-e5697195],.elevation-5[data-v-e5697195],.elevation-6[data-v-e5697195],.elevation-7[data-v-e5697195],.elevation-8[data-v-e5697195],.elevation-9[data-v-e5697195],.elevation-10[data-v-e5697195],.elevation-11[data-v-e5697195],.elevation-12[data-v-e5697195],.elevation-13[data-v-e5697195],.elevation-14[data-v-e5697195],.elevation-15[data-v-e5697195],.elevation-16[data-v-e5697195],.elevation-17[data-v-e5697195],.elevation-18[data-v-e5697195],.elevation-19[data-v-e5697195],.elevation-20[data-v-e5697195],.elevation-21[data-v-e5697195],.elevation-22[data-v-e5697195],.elevation-23[data-v-e5697195],.elevation-24[data-v-e5697195]{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f!important}.page-container[data-v-e5697195]{text-align:center;margin:0 auto;padding:40px 40px 56px 56px;width:1160px}@media (max-width: 600px){.page-container[data-v-e5697195]{max-width:600px;padding:40px 24px 80px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;width:80%}}@media (min-width: 601px) and (max-width: 960px){.page-container[data-v-e5697195]{max-width:960px;width:80%;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:24px}}@media (min-width: 960px){.page-container[data-v-e5697195]{max-width:960px;width:100%;display:grid;grid-template-columns:repeat(12,1fr);grid-gap:24px}}.sub-menu-btn[data-v-e5697195]{display:flex;justify-content:center;flex-direction:column;width:100%;padding:16px 50px 16px 20px;text-align:left;color:#0c419a}.sub-menu-btn[data-v-e5697195]:hover{background-color:#0c419a;color:#fff;text-decoration:underline}.sub-menu-btn[data-v-e5697195]:hover>*{color:#fff!important}.sub-menu-btn[data-v-e5697195]:first-letter{text-transform:uppercase}.sub-menu-btn__icon[data-v-e5697195]{position:absolute;right:20px}@media screen and (max-width: 989px){.sub-menu--open[data-v-e5697195]{position:absolute;left:0;top:0;width:100%;height:100%;overflow-y:auto;background-color:#fff;padding-top:40px;z-index:10}.sub-menu--child-open[data-v-e5697195]{overflow-y:clip}.sub-menu--open>.sub-menu-btn[data-v-e5697195]{padding:0 16px 8px 40px;border-bottom:1px solid #e0e0e0;color:#000;background-color:transparent}.sub-menu--open>.sub-menu-btn[data-v-e5697195]:hover{color:#000}.sub-menu--open>.sub-menu-btn[data-v-e5697195]:hover>*{color:#000!important}.sub-menu--open>.sub-menu-btn[data-v-e5697195]>.sub-menu-btn__icon{left:10px;right:auto}}@media screen and (min-width: 990px){.sub-menu-btn[data-v-e5697195]{position:relative}.sub-menu--open>.sub-menu-btn[data-v-e5697195]{background-color:#0c419a;color:#fff;transition:color .15s linear,background-color .15s linear}.sub-menu--open>.sub-menu-btn[data-v-e5697195]>*{color:#fff!important}.sub-menu-content-wrapper[data-v-e5697195]{position:absolute;top:0;bottom:0;left:350px}.sub-menu-content[data-v-e5697195]{width:351px;height:100%;background:#f9f9f9;border-left:1px solid #e0e0e0;overflow-y:auto;overflow-x:hidden}.sub-menu-content>.sub-menu--open .sub-menu-content[data-v-e5697195]{left:700px}.sub-menu-content>.sub-menu--open .sub-menu-content>.sub-menu--open .sub-menu-content[data-v-e5697195]{left:1050px}.slide-fade-enter-active[data-v-e5697195]{transition:opacity .17s ease-out,transform .17s ease-out}.slide-fade-leave-active[data-v-e5697195]{transition:opacity .08s ease-in,transform .08s ease-in}.slide-fade-enter-from[data-v-e5697195],.slide-fade-leave-to[data-v-e5697195]{opacity:0;transform:translate(-10px)}}@media screen and (min-width: 990px) and (prefers-reduced-motion){.slide-fade-enter-active[data-v-e5697195],.slide-fade-leave-active[data-v-e5697195]{transition:none}}.horizontal-menu[data-v-685507b5]{display:flex;align-items:center}.horizontal-menu__tabs[data-v-685507b5]{flex:1 1 0}.horizontal-menu__item[data-v-685507b5]{cursor:pointer}.horizontal-menu__item-link[data-v-685507b5]{font-size:.875rem;font-weight:700}.v-tab-item--selected span[data-v-685507b5]{color:#fff}.inner-vertical-menu[data-v-64e98667]{display:flex;flex-direction:column;height:100%}.inner-vertical-menu__main-content[data-v-64e98667]{flex:1}.title[data-v-6a571404]{font-size:24px!important}.alt-title[data-v-6a571404]{font-size:20px!important}.body-text[data-v-6a571404]{font-size:16px!important}.link-label[data-v-6a571404]{font-size:14px!important}h1[data-v-6a571404]{font-size:32px!important;line-height:130%!important}.h1-bold[data-v-6a571404]{font-size:32px!important;font-weight:700!important;line-height:130%!important}h2[data-v-6a571404]{font-size:28px!important;line-height:130%!important}.h2-bold[data-v-6a571404]{font-size:28px!important;font-weight:700!important;line-height:130%!important}h3[data-v-6a571404]{font-size:24px!important;line-height:130%!important}.h3-bold[data-v-6a571404]{font-size:24px!important;font-weight:700!important;line-height:130%!important}h4[data-v-6a571404]{font-size:20px!important;line-height:130%!important}.h4-bold[data-v-6a571404]{font-size:20px!important;font-weight:700!important;line-height:130%!important}.display-1[data-v-6a571404]{font-size:40px!important;line-height:130%!important}.display-1-bold[data-v-6a571404]{font-size:40px!important;font-weight:700!important;line-height:130%!important}.display-2[data-v-6a571404]{font-size:30px!important;line-height:130%!important}.display-2-bold[data-v-6a571404]{font-size:30px!important;font-weight:700!important;line-height:130%!important}.elevation-1[data-v-6a571404],.elevation-2[data-v-6a571404],.elevation-3[data-v-6a571404],.elevation-4[data-v-6a571404],.elevation-5[data-v-6a571404],.elevation-6[data-v-6a571404],.elevation-7[data-v-6a571404],.elevation-8[data-v-6a571404],.elevation-9[data-v-6a571404],.elevation-10[data-v-6a571404],.elevation-11[data-v-6a571404],.elevation-12[data-v-6a571404],.elevation-13[data-v-6a571404],.elevation-14[data-v-6a571404],.elevation-15[data-v-6a571404],.elevation-16[data-v-6a571404],.elevation-17[data-v-6a571404],.elevation-18[data-v-6a571404],.elevation-19[data-v-6a571404],.elevation-20[data-v-6a571404],.elevation-21[data-v-6a571404],.elevation-22[data-v-6a571404],.elevation-23[data-v-6a571404],.elevation-24[data-v-6a571404]{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f!important}.page-container[data-v-6a571404]{text-align:center;margin:0 auto;padding:40px 40px 56px 56px;width:1160px}@media (max-width: 600px){.page-container[data-v-6a571404]{max-width:600px;padding:40px 24px 80px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;width:80%}}@media (min-width: 601px) and (max-width: 960px){.page-container[data-v-6a571404]{max-width:960px;width:80%;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:24px}}@media (min-width: 960px){.page-container[data-v-6a571404]{max-width:960px;width:100%;display:grid;grid-template-columns:repeat(12,1fr);grid-gap:24px}}.toolbar[data-v-6a571404]{background:#e7ecf5;position:relative;display:flex;align-items:center;justify-content:center;z-index:100}.toolbar .container[data-v-6a571404]{width:100%;max-height:45px;max-width:1712px;display:flex;align-items:center;justify-content:space-between}@media (max-width: 768px){.toolbar .container[data-v-6a571404]{max-height:41px}}.toolbar .container[data-v-6a571404] ul{display:flex;align-items:center;justify-content:flex-start;list-style:none;text-decoration:none}.toolbar .container[data-v-6a571404] ul li{text-align:center}.toolbar .container[data-v-6a571404] ul>li>a{display:block;color:#07275c;text-decoration:none;padding:10px 16px;cursor:pointer}.toolbar .container[data-v-6a571404] ul>li>a:hover{text-decoration:underline}@media (max-width: 768px){.toolbar .container[data-v-6a571404] ul>li>a{font-size:12px}}.toolbar #left-menu ul>li>a[data-v-6a571404]{font-weight:700;color:#07275c}.toolbar #left-menu ul>li>a[data-v-6a571404]:hover{text-decoration:none}.toolbar #left-menu li[data-v-6a571404]:first-child{min-width:95px;background:transparent}@media (max-width: 990px){.toolbar #left-menu li[data-v-6a571404]:first-child{min-width:82px}}.toolbar #left-menu li[data-v-6a571404]:nth-child(2){min-width:260px;z-index:2}@media (max-width: 768px){.toolbar #left-menu li[data-v-6a571404]:nth-child(2){min-width:152px}}.toolbar #left-menu li[data-v-6a571404]:nth-child(3){background:transparent}.toolbar #left-menu li:first-child a[data-v-6a571404]:hover,.toolbar #left-menu li:first-child.active[data-v-6a571404]{background:#ed76b3}.toolbar #left-menu li:nth-child(2) a[data-v-6a571404]:hover,.toolbar #left-menu .highlight[data-v-6a571404]{background:#66c9ec}.toolbar #left-menu li:nth-child(3) a[data-v-6a571404]:hover,.toolbar #left-menu li:nth-child(3).active[data-v-6a571404]{background:#f0b323}@media (max-width: 1000px){.toolbar #right-menu[data-v-6a571404]{display:none}}.toolbar #right-menu ul[data-v-6a571404]{white-space:nowrap;overflow:hidden}.toolbar #right-menu ul li[data-v-6a571404]{display:inline-block}.toolbar[data-v-6a571404] .v-input .v-input__details{display:none}.toolbar[data-v-6a571404] .v-input .v-input__control{font-weight:700}.toolbar[data-v-6a571404] .v-input .v-input__control .text-color{color:#051a3e!important}.toolbar[data-v-6a571404] .v-input .v-input__control .v-icon{margin-left:10px}.toolbar[data-v-6a571404] .v-input .v-input__control .custom-select{display:flex;justify-content:space-between;width:100%}.toolbar[data-v-6a571404] .v-input .v-input__control .custom-select span{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.toolbar[data-v-6a571404] .v-input .v-input__control .custom-select span{max-width:182px}}@media (max-width: 768px){.toolbar[data-v-6a571404] .v-input .v-input__control{font-size:12px}}.toolbar[data-v-6a571404] .v-input .v-list{top:34px!important;left:-16px!important;text-align:left;min-width:260px;max-width:fit-content!important;border-radius:0}@media (max-width: 768px){.toolbar[data-v-6a571404] .v-input .v-list{position:fixed;top:38px!important;left:0!important;min-width:100%!important;box-shadow:none!important}}.toolbar[data-v-6a571404] .v-input .v-list .v-list-item--density-default.v-list-item--one-line{min-height:40px}.toolbar .overlay[data-v-6a571404]{position:fixed;display:block;top:0;left:0;width:100%;height:100%;background-color:#03102580;cursor:default;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1}@media (max-width: 768px){.toolbar .overlay[data-v-6a571404]{display:none}}.right-menu-item[data-v-6a571404]{color:#051a3e}.title[data-v-40aa801b]{font-size:24px!important}.alt-title[data-v-40aa801b]{font-size:20px!important}.body-text[data-v-40aa801b]{font-size:16px!important}.link-label[data-v-40aa801b]{font-size:14px!important}h1[data-v-40aa801b]{font-size:32px!important;line-height:130%!important}.h1-bold[data-v-40aa801b]{font-size:32px!important;font-weight:700!important;line-height:130%!important}h2[data-v-40aa801b]{font-size:28px!important;line-height:130%!important}.h2-bold[data-v-40aa801b]{font-size:28px!important;font-weight:700!important;line-height:130%!important}h3[data-v-40aa801b]{font-size:24px!important;line-height:130%!important}.h3-bold[data-v-40aa801b]{font-size:24px!important;font-weight:700!important;line-height:130%!important}h4[data-v-40aa801b]{font-size:20px!important;line-height:130%!important}.h4-bold[data-v-40aa801b]{font-size:20px!important;font-weight:700!important;line-height:130%!important}.display-1[data-v-40aa801b]{font-size:40px!important;line-height:130%!important}.display-1-bold[data-v-40aa801b]{font-size:40px!important;font-weight:700!important;line-height:130%!important}.display-2[data-v-40aa801b]{font-size:30px!important;line-height:130%!important}.display-2-bold[data-v-40aa801b]{font-size:30px!important;font-weight:700!important;line-height:130%!important}.elevation-1[data-v-40aa801b],.elevation-2[data-v-40aa801b],.elevation-3[data-v-40aa801b],.elevation-4[data-v-40aa801b],.elevation-5[data-v-40aa801b],.elevation-6[data-v-40aa801b],.elevation-7[data-v-40aa801b],.elevation-8[data-v-40aa801b],.elevation-9[data-v-40aa801b],.elevation-10[data-v-40aa801b],.elevation-11[data-v-40aa801b],.elevation-12[data-v-40aa801b],.elevation-13[data-v-40aa801b],.elevation-14[data-v-40aa801b],.elevation-15[data-v-40aa801b],.elevation-16[data-v-40aa801b],.elevation-17[data-v-40aa801b],.elevation-18[data-v-40aa801b],.elevation-19[data-v-40aa801b],.elevation-20[data-v-40aa801b],.elevation-21[data-v-40aa801b],.elevation-22[data-v-40aa801b],.elevation-23[data-v-40aa801b],.elevation-24[data-v-40aa801b]{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f!important}.page-container[data-v-40aa801b]{text-align:center;margin:0 auto;padding:40px 40px 56px 56px;width:1160px}@media (max-width: 600px){.page-container[data-v-40aa801b]{max-width:600px;padding:40px 24px 80px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;width:80%}}@media (min-width: 601px) and (max-width: 960px){.page-container[data-v-40aa801b]{max-width:960px;width:80%;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:24px}}@media (min-width: 960px){.page-container[data-v-40aa801b]{max-width:960px;width:100%;display:grid;grid-template-columns:repeat(12,1fr);grid-gap:24px}}.v-list-item[data-v-40aa801b]:hover{background-color:#00000001}.vd-lang-btn[data-v-40aa801b]{font-weight:700;--hoverColor: rgba(tokens.$colors-overlay, .5);text-transform:capitalize}.vd-logo-brand-section .vd-title-container[data-v-ca95c6a8]{overflow:hidden}.vd-logo-brand-section[data-v-ca95c6a8] .vd-title{line-height:1.45!important}.vd-logo-brand-section .vd-compte-entreprise-title[data-v-ca95c6a8]{font-weight:700!important}.vd-logo-brand-section .vd-compte-entreprise-title span[data-v-ca95c6a8]{color:#cd545b}.vd-logo-brand-section[data-v-ca95c6a8] img{width:auto;height:100%;flex:none}.vd-logo-brand-section svg[data-v-ca95c6a8],.vd-logo-brand-section .vd-home-link[data-v-ca95c6a8]{flex:none}.vd-logo-brand-section .vd-home-link[data-v-ca95c6a8]{cursor:pointer}img[data-v-aea9e609],img[data-v-1ff99a74]{max-height:290px}.title[data-v-93d35fbf]{font-size:24px!important}.alt-title[data-v-93d35fbf]{font-size:20px!important}.body-text[data-v-93d35fbf]{font-size:16px!important}.link-label[data-v-93d35fbf]{font-size:14px!important}h1[data-v-93d35fbf]{font-size:32px!important;line-height:130%!important}.h1-bold[data-v-93d35fbf]{font-size:32px!important;font-weight:700!important;line-height:130%!important}h2[data-v-93d35fbf]{font-size:28px!important;line-height:130%!important}.h2-bold[data-v-93d35fbf]{font-size:28px!important;font-weight:700!important;line-height:130%!important}h3[data-v-93d35fbf]{font-size:24px!important;line-height:130%!important}.h3-bold[data-v-93d35fbf]{font-size:24px!important;font-weight:700!important;line-height:130%!important}h4[data-v-93d35fbf]{font-size:20px!important;line-height:130%!important}.h4-bold[data-v-93d35fbf]{font-size:20px!important;font-weight:700!important;line-height:130%!important}.display-1[data-v-93d35fbf]{font-size:40px!important;line-height:130%!important}.display-1-bold[data-v-93d35fbf]{font-size:40px!important;font-weight:700!important;line-height:130%!important}.display-2[data-v-93d35fbf]{font-size:30px!important;line-height:130%!important}.display-2-bold[data-v-93d35fbf]{font-size:30px!important;font-weight:700!important;line-height:130%!important}.elevation-1[data-v-93d35fbf],.elevation-2[data-v-93d35fbf],.elevation-3[data-v-93d35fbf],.elevation-4[data-v-93d35fbf],.elevation-5[data-v-93d35fbf],.elevation-6[data-v-93d35fbf],.elevation-7[data-v-93d35fbf],.elevation-8[data-v-93d35fbf],.elevation-9[data-v-93d35fbf],.elevation-10[data-v-93d35fbf],.elevation-11[data-v-93d35fbf],.elevation-12[data-v-93d35fbf],.elevation-13[data-v-93d35fbf],.elevation-14[data-v-93d35fbf],.elevation-15[data-v-93d35fbf],.elevation-16[data-v-93d35fbf],.elevation-17[data-v-93d35fbf],.elevation-18[data-v-93d35fbf],.elevation-19[data-v-93d35fbf],.elevation-20[data-v-93d35fbf],.elevation-21[data-v-93d35fbf],.elevation-22[data-v-93d35fbf],.elevation-23[data-v-93d35fbf],.elevation-24[data-v-93d35fbf]{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f!important}.page-container[data-v-93d35fbf]{text-align:center;margin:0 auto;padding:40px 40px 56px 56px;width:1160px}@media (max-width: 600px){.page-container[data-v-93d35fbf]{max-width:600px;padding:40px 24px 80px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;width:80%}}@media (min-width: 601px) and (max-width: 960px){.page-container[data-v-93d35fbf]{max-width:960px;width:80%;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:24px}}@media (min-width: 960px){.page-container[data-v-93d35fbf]{max-width:960px;width:100%;display:grid;grid-template-columns:repeat(12,1fr);grid-gap:24px}}.vd-notification-content[data-v-93d35fbf]{display:flex;align-items:center}.vd-notification-bar[data-v-93d35fbf] .v-snack__wrapper{padding:16px;min-width:0;max-width:none}[data-v-93d35fbf] .v-snackbar__content{padding:16px!important}[data-v-93d35fbf] .v-snackbar__actions{margin-inline-end:10px}.vd-notification-bar.v-snackbar--vertical[data-v-93d35fbf] .v-snackbar--vertical .v-snackbar__wrapper .v-snackbar__actions{width:100%!important;align-self:auto}.vd-notification-bar.v-snackbar--vertical[data-v-93d35fbf] .v-snack__wrapper{align-items:stretch;flex-direction:row}.vd-notification-bar.v-snackbar--vertical[data-v-93d35fbf] .v-snack__action{align-self:stretch;align-items:stretch;flex-direction:column}.vd-notification-bar.v-snackbar--vertical[data-v-93d35fbf] .v-snackbar__content{margin:0;width:100%;display:flex}.vd-notification-bar.v-snackbar--vertical[data-v-93d35fbf] .vd-notification-content{flex-direction:column;display:flex}.long-text[data-v-93d35fbf] .v-snackbar__actions{width:98%!important}.short-text[data-v-93d35fbf] .v-snackbar__actions{width:48%!important}.action-section-longText[data-v-93d35fbf]{justify-content:space-around}.action-section-shortText[data-v-93d35fbf]{justify-content:end!important}.phone-field-container[data-v-5fb66c52]{display:flex;flex-direction:column;align-items:flex-start;width:100%}.phoneField[data-v-5fb66c52]{width:100%}.custom-select[data-v-5fb66c52]{width:30%}@media (min-width: 600px){.phone-field-container[data-v-5fb66c52]{flex-direction:row;align-items:center}.custom-select[data-v-5fb66c52]{margin-right:1rem;margin-bottom:0;min-width:144px}.phoneField[data-v-5fb66c52]{min-width:350px}}[data-v-5fb66c52] .v-list{position:absolute;left:inherit!important;margin-top:58px;background-color:#fff;max-height:300px;padding:0;box-shadow:0 2px 5px #0000001f,0 2px 10px #00000014;border-radius:4px;overflow-y:auto;z-index:2}.title[data-v-2bd5b004]{font-size:24px!important}.alt-title[data-v-2bd5b004]{font-size:20px!important}.body-text[data-v-2bd5b004]{font-size:16px!important}.link-label[data-v-2bd5b004]{font-size:14px!important}h1[data-v-2bd5b004]{font-size:32px!important;line-height:130%!important}.h1-bold[data-v-2bd5b004]{font-size:32px!important;font-weight:700!important;line-height:130%!important}h2[data-v-2bd5b004]{font-size:28px!important;line-height:130%!important}.h2-bold[data-v-2bd5b004]{font-size:28px!important;font-weight:700!important;line-height:130%!important}h3[data-v-2bd5b004]{font-size:24px!important;line-height:130%!important}.h3-bold[data-v-2bd5b004]{font-size:24px!important;font-weight:700!important;line-height:130%!important}h4[data-v-2bd5b004]{font-size:20px!important;line-height:130%!important}.h4-bold[data-v-2bd5b004]{font-size:20px!important;font-weight:700!important;line-height:130%!important}.display-1[data-v-2bd5b004]{font-size:40px!important;line-height:130%!important}.display-1-bold[data-v-2bd5b004]{font-size:40px!important;font-weight:700!important;line-height:130%!important}.display-2[data-v-2bd5b004]{font-size:30px!important;line-height:130%!important}.display-2-bold[data-v-2bd5b004]{font-size:30px!important;font-weight:700!important;line-height:130%!important}.elevation-1[data-v-2bd5b004],.elevation-2[data-v-2bd5b004],.elevation-3[data-v-2bd5b004],.elevation-4[data-v-2bd5b004],.elevation-5[data-v-2bd5b004],.elevation-6[data-v-2bd5b004],.elevation-7[data-v-2bd5b004],.elevation-8[data-v-2bd5b004],.elevation-9[data-v-2bd5b004],.elevation-10[data-v-2bd5b004],.elevation-11[data-v-2bd5b004],.elevation-12[data-v-2bd5b004],.elevation-13[data-v-2bd5b004],.elevation-14[data-v-2bd5b004],.elevation-15[data-v-2bd5b004],.elevation-16[data-v-2bd5b004],.elevation-17[data-v-2bd5b004],.elevation-18[data-v-2bd5b004],.elevation-19[data-v-2bd5b004],.elevation-20[data-v-2bd5b004],.elevation-21[data-v-2bd5b004],.elevation-22[data-v-2bd5b004],.elevation-23[data-v-2bd5b004],.elevation-24[data-v-2bd5b004]{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f!important}.page-container[data-v-2bd5b004]{text-align:center;margin:0 auto;padding:40px 40px 56px 56px;width:1160px}@media (max-width: 600px){.page-container[data-v-2bd5b004]{max-width:600px;padding:40px 24px 80px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;width:80%}}@media (min-width: 601px) and (max-width: 960px){.page-container[data-v-2bd5b004]{max-width:960px;width:80%;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:24px}}@media (min-width: 960px){.page-container[data-v-2bd5b004]{max-width:960px;width:100%;display:grid;grid-template-columns:repeat(12,1fr);grid-gap:24px}}.vd-skip-link[data-v-2bd5b004]{z-index:150;position:fixed;top:0;right:0;transition:none;width:100%;background:#fff;outline:none;border:2px solid #051a3e}.vd-sub-header[data-v-93d57abf]{overflow-x:auto}.vd-sub-header-back-btn[data-v-93d57abf]{margin:0 -6px}.vd-data-list-group[data-v-93d57abf],.vd-sub-header-informations[data-v-93d57abf]{max-width:none}.vd-data-list-group[data-v-93d57abf] .vd-data-list{max-width:200px}.vd-data-list-group[data-v-93d57abf] .vd-data-list:not(:last-child){margin-right:80px!important}.vd-data-list-group[data-v-93d57abf] .vd-data-list .vd-key{display:inline-block;font-size:.75rem!important}.vd-data-list-group[data-v-93d57abf] .vd-data-list .vd-data-list-item-label{color:#ffffffb3!important}.vd-data-list-group[data-v-93d57abf] .vd-data-list .vd-data-list-item-action-btn{color:#fff!important}.vd-subheader-loading[data-v-93d57abf]{background:transparent}.vd-subheader-loading[data-v-93d57abf] .v-skeleton-loader__button{margin:0;min-height:28px;height:auto;background:rgba(255,255,255,var(--v-border-opacity))}@use "@/assets/tokens.scss";.vd-user-icon[data-v-d84e4110]{width:40px;height:40px;background:tokens.$grey-lighten-90;border-radius:50%}.vd-user-icon svg[data-v-d84e4110],.vd-user-icon .v-icon__svg[data-v-d84e4110]{width:24px;height:24px}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cnamts/synapse",
3
- "version": "0.0.3-alpha",
3
+ "version": "0.0.5-alpha",
4
4
  "private": false,
5
5
  "description": "CNAM DS v3",
6
6
  "type": "module",
@@ -45,12 +45,14 @@
45
45
  },
46
46
  "devDependencies": {
47
47
  "@chromatic-com/storybook": "^2.0.2",
48
+ "@jls-digital/storybook-addon-code": "^1.0.4",
48
49
  "@mdi/js": "^7.4.47",
49
50
  "@storybook/addon-docs": "^8.3.6",
50
51
  "@storybook/addon-essentials": "^8.3.6",
51
52
  "@storybook/addon-interactions": "^8.3.6",
52
53
  "@storybook/addon-links": "^8.3.6",
53
54
  "@storybook/addon-onboarding": "^8.3.6",
55
+ "@storybook/addon-queryparams": "^7.0.1",
54
56
  "@storybook/addon-viewport": "^8.3.6",
55
57
  "@storybook/blocks": "^8.3.6",
56
58
  "@storybook/manager-api": "^8.3.6",
@@ -76,7 +78,7 @@
76
78
  "happy-dom": "^15.7.4",
77
79
  "husky": "^9.1.6",
78
80
  "resize-observer-polyfill": "^1.5.1",
79
- "sass": "^1.80.4",
81
+ "sass": "^1.80.5",
80
82
  "storybook": "^8.3.6",
81
83
  "storybook-addon-vue-mdx": "^1.0.4",
82
84
  "typescript": "5.4.2",
@@ -97,6 +99,8 @@
97
99
  "@mdi/js": "^7.4.47",
98
100
  "deepmerge": "^4.3.1",
99
101
  "iso-639-1": "^3.1.3",
102
+ "maska": "^3.0.3",
103
+ "sass-loader": "^16.0.3",
100
104
  "semantic-release": "^24.1.2"
101
105
  },
102
106
  "publishConfig": {
package/src/assets/tokens.scss CHANGED
@@ -429,7 +429,6 @@ $spacing-horizontal-huge: 80px;
429
429
 
430
430
 
431
431
  // Surcharger toutes les élévations pour utiliser uniquement l'élévation 02
432
- .elevation-0,
433
432
  .elevation-1,
434
433
  .elevation-2,
435
434
  .elevation-3,
package/src/components/Alert/Accessibilite.mdx ADDED
@@ -0,0 +1,14 @@
1
+ import { Meta, Story } from '@storybook/addon-docs';
2
+ import * as AccessStories from './Accessibilite.stories.ts';
3
+
4
+ <Meta of={AccessStories} />
5
+
6
+ Accessibilité
7
+ =============
8
+ <Story of={AccessStories.Legende} />
9
+ <br />
10
+
11
+ --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
12
+
13
+ <Story of={AccessStories.AccessibilitePanel} />
14
+ <br />
package/src/components/Alert/Accessibilite.stories.ts ADDED
@@ -0,0 +1,166 @@
1
+ import { VExpansionPanels, VExpansionPanel, VExpansionPanelTitle, VExpansionPanelText, VDataTable, VIcon } from 'vuetify/components'
2
+ import type { StoryObj } from '@storybook/vue3'
3
+ import { AccessibiliteItemsIndeterminate, AccessibiliteItemsValidated } from './AccessibiliteItems'
4
+ import { mdiCheckboxMarkedCircle, mdiLink, mdiEye } from '@mdi/js'
5
+
6
+ const checkIcon = mdiCheckboxMarkedCircle
7
+ const iconEye = mdiEye
8
+ const linkICon = mdiLink
9
+
10
+ export default {
11
+ title: 'Composants/Feedback/Alert/Accessibilité',
12
+ }
13
+
14
+ export const AccessibilitePanel: StoryObj = {
15
+
16
+ render: () => {
17
+ return {
18
+ components: { VExpansionPanels, VExpansionPanel, VExpansionPanelTitle, VExpansionPanelText, VDataTable, VIcon },
19
+
20
+ setup() {
21
+ const icon = checkIcon
22
+
23
+ return { AccessibiliteItemsIndeterminate, AccessibiliteItemsValidated, icon, linkICon, iconEye }
24
+ },
25
+ template: `
26
+ <div class="accessibiliteItems" style="display:flex; max-width: none !important;">
27
+ <v-col cols="6">
28
+ <div style="display:flex; margin-bottom: 10px; justify-content: space-between; align-items: center;">
29
+ <h5>{{ AccessibiliteItemsIndeterminate.length }} critères à prendre en charge par le projet</h5>
30
+ <div style="display: flex; align-items: center;">
31
+ <v-btn variant="tonal" color="red" size="x-small" style="margin: 4px;font-size: 8px;"
32
+ rounded>Tanaguru
33
+ </v-btn>
34
+ </div>
35
+ </div>
36
+
37
+ <v-expansion-panels value="opened" multiple>
38
+ <v-expansion-panel v-for="(item, index) in AccessibiliteItemsIndeterminate" :key="index" style="background-color: rgba(42, 96, 158, 0.1); margin-bottom: 10px;">
39
+ <v-expansion-panel-title>
40
+ <VIcon :icon="iconEye" style="margin-right: 5px; color:#5778b7;"/>
41
+ {{ item.title }}
42
+ </v-expansion-panel-title>
43
+ <v-expansion-panel-text>
44
+ <v-expansion-panels>
45
+ <v-expansion-panel>
46
+ <v-expansion-panel-title
47
+ style="font-weight: bold; font-size: 13px; line-height: 16px;">
48
+ {{ item.subtitle }}
49
+ </v-expansion-panel-title>
50
+ <v-expansion-panel-text>
51
+ <div v-for="(value, i) in item.items" :key="i">
52
+ <p style="font-size: 13px;line-height: 16px;">
53
+ {{ value.precision }}
54
+ </p>
55
+ <div v-for="element in value.solution"
56
+ style="margin-top:15px; font-size: 13px;line-height: 16px;">
57
+ <p style="font-weight: bold;">Méthodologie du test : <a
58
+ href="value.link" target="blank">
59
+ <VIcon :icon="linkICon"/>
60
+ </a></p>
61
+
62
+ <p>{{ element.info1 }}</p>
63
+ <p>{{ element.info2 }}</p>
64
+ <p>{{ element.info3 }}</p>
65
+
66
+ </div>
67
+ <span style="display:flex; justify-content:center; margin-bottom:5px;">______</span>
68
+ </div>
69
+ </v-expansion-panel-text>
70
+ </v-expansion-panel>
71
+ </v-expansion-panels>
72
+ </v-expansion-panel-text>
73
+ </v-expansion-panel>
74
+ </v-expansion-panels>
75
+ </v-col>
76
+ <v-col cols="6">
77
+ <div style="display:flex; margin-bottom: 10px; justify-content: space-between; align-items: center;">
78
+ <h5>{{ AccessibiliteItemsValidated.length }} critères pris en charge par l'équipe Design System</h5>
79
+ <div style="display: flex; align-items: center;">
80
+ <v-btn variant="tonal" color="red" size="x-small" style="margin: 4px;font-size: 8px;"
81
+ rounded>Tanaguru
82
+ </v-btn>
83
+ </div>
84
+ </div>
85
+ <v-expansion-panels value="opened" multiple>
86
+ <v-expansion-panel
87
+ v-for="(item, index) in AccessibiliteItemsValidated"
88
+ :key="index" style="background-color: rgba(53,135,0,0.1); margin-bottom: 10px;">
89
+ <v-expansion-panel-title>
90
+ <VIcon color="green" :icon="icon" style="margin-right: 5px;"/>
91
+ {{ item.title }}
92
+ </v-expansion-panel-title>
93
+ <v-expansion-panel-text>
94
+ <v-expansion-panels>
95
+ <v-expansion-panel>
96
+ <v-expansion-panel-title style="font-weight: bold;font-size: 13px; line-height: 16px;">
97
+ {{ item.subtitle }}
98
+ </v-expansion-panel-title>
99
+ <v-expansion-panel-text>
100
+ <div v-for="(value, i) in item.items" :key="i">
101
+ <p style="font-size: 13px;line-height: 16px;">
102
+ {{ value.precision }}
103
+ </p>
104
+ <div v-for="element in value.solution"
105
+ style="margin-top:15px; font-size: 13px;line-height: 16px;">
106
+ <p style="font-weight: bold;">Méthodologie du test : <a
107
+ href="value.link" target="blank">
108
+ <VIcon :icon="linkICon"/>
109
+ </a></p>
110
+ <p>{{ element.info1 }}</p>
111
+ <p>{{ element.info2 }}</p>
112
+ <p>{{ element.info3 }}</p>
113
+ </div>
114
+ <span style="display:flex; justify-content:center; margin-bottom:5px;">______</span>
115
+ </div>
116
+ </v-expansion-panel-text>
117
+ </v-expansion-panel>
118
+ </v-expansion-panels>
119
+ </v-expansion-panel-text>
120
+ </v-expansion-panel>
121
+ </v-expansion-panels>
122
+ </v-col>
123
+ </div>
124
+ `,
125
+ }
126
+ },
127
+ tags: ['!dev'],
128
+ }
129
+
130
+ export const Legende: StoryObj = {
131
+ args: {
132
+ icon: checkIcon,
133
+ },
134
+ render: (args) => {
135
+ return {
136
+ components: { VIcon },
137
+ setup() {
138
+ return { args }
139
+ },
140
+ template: `
141
+ <p style="color: grey;font-size: 11px; margin-bottom: 12px;">Date de conception: 20/11/2024</p>
142
+ <div>
143
+ <p>Le tableau ci-dessous liste nos recommandations suivant les <a target="blank" style="color:#0C41BD;" href="https://www.numerique.gouv.fr/publications/rgaa-accessibilite/#contenu">catégories du RGAA</a>.</p>
144
+ <p style="margin-bottom: 12px;font-weight:bold;">Pour rappel le composant seul ne garantie pas
145
+ l'accessibilité du site.</p>
146
+ <div style="font-size: 14px">
147
+ <p>Nous avons deux façons de relever les problèmes d'accessibilité des composants :</p>
148
+ <div>
149
+ <v-btn variant="tonal" color="grey" size="x-small" style="margin: 2px;font-size: 8px;" rounded>
150
+ Audit
151
+ </v-btn>
152
+ Problèmes relevés par le projet
153
+ </div>
154
+ <div>
155
+ <v-btn variant="tonal" color="red" size="x-small" style="margin: 2px;font-size: 8px;" rounded>
156
+ Tanaguru
157
+ </v-btn>
158
+ Problèmes relevés par Tanaguru
159
+ </div>
160
+ </div>
161
+ </div>
162
+ `,
163
+ }
164
+ },
165
+ tags: ['!dev'],
166
+ }
package/src/components/Alert/AccessibiliteItems.ts ADDED
@@ -0,0 +1,152 @@
1
+ import { ExpertiseLevelEnum } from './constants/ExpertiseLevelEnum'
2
+
3
+ export const AccessibiliteItemsIndeterminate = [
4
+ {
5
+ title: 'Catégorie 1 : Images',
6
+ subtitle: '1.4 Pour chaque image utilisée comme CAPTCHA ou comme image-test, ayant une alternative textuelle, cette alternative permet-elle d’identifier la nature et la fonction de l’image ?',
7
+ items: [
8
+ {
9
+
10
+ precision: '1.4.1 Pour chaque image (balise <img>) utilisée comme CAPTCHA ou comme image-test, ayant une alternative textuelle, cette alternative est-elle pertinente ?',
11
+ link: 'https://accessibilite.numerique.gouv.fr/methode/criteres-et-tests/#1.4.1',
12
+ solution: [{
13
+ info1: '1. Retrouver dans le document les images structurées au moyen d’un élément <img> pourvues d’une alternative textuelle et utilisées comme CAPTCHA ou comme image-test',
14
+ info2: '2. Pour chaque image, vérifier que l’alternative textuelle est pertinente',
15
+ info3: '3. Si c’est le cas pour chaque image, le test est validé',
16
+ }],
17
+ expertise: ExpertiseLevelEnum.DEV,
18
+
19
+ },
20
+ {
21
+
22
+ precision: ' 1.4.6 Pour chaque image vectorielle (balise <svg>) utilisée comme CAPTCHA ou comme image-test, ayant une alternative textuelle, cette alternative est-elle pertinente ?',
23
+ link: 'https://accessibilite.numerique.gouv.fr/methode/criteres-et-tests/#1.4.6',
24
+ solution: [{
25
+ info1: '1. Retrouver dans le document les éléments <svg> pourvus d’une alternative textuelle et utilisés comme CAPTCHA ou comme image-test;',
26
+ info2: '2. Pour chaque élément <svg>, vérifier que l’alternative textuelle est pertinente',
27
+ info3: '3. Si c’est le cas pour chaque image, le test est validé',
28
+ }],
29
+ expertise: ExpertiseLevelEnum.DEV,
30
+
31
+ },
32
+
33
+ ],
34
+ },
35
+ {
36
+ title: 'Catégorie 10 : Présentation de l’information',
37
+ subtitle: '10.8 Pour chaque page Web, les contenus cachés ont-ils vocation à être ignorés par les technologies d’assistance ?',
38
+ items: [
39
+
40
+ {
41
+ precision: '10.8.1 Dans chaque page web, chaque contenu caché vérifie-t-il une de ces conditions ? - le contenu caché a vocation à être ignoré par les technologies d’assistance ;Le contenu caché n’a pas vocation à être ignoré par les technologies d’assistance et est rendu restituable par les technologies d’assistance suite à une action de l’utilisateur réalisable au clavier ou par tout dispositif de pointage sur un élément précédent le contenu caché ou suite à un repositionnement du focus dessus.',
42
+ link: 'https://accessibilite.numerique.gouv.fr/methode/criteres-et-tests/#10.8.1',
43
+ solution: [{
44
+ info1: '1. Retrouver les contenus cachés (éléments pourvus de l’attribut hidden ou de l’attribut WAI-ARIA aria-hidden, ou bien d’une classe ou d’un ensemble de styles CSS susceptibles de masquer le contenu)',
45
+ info2: '2. Pour chaque contenu caché, vérifier que :Soit le contenu caché a vocation à être ignoré par les technologies d’assistance (un élément statistique de visites par exemple) ; Soit le contenu caché n’a pas vocation à être ignoré par les technologies d’assistance, et dans ce cas il est rendu restituable par les technologies d’assistance au moyen : Soit d’une action de l’utilisateur réalisable au clavier ou par tout dispositif de pointage sur un élément précédent le contenu caché ; Soit d’une fonction de programmation qui repositionne le focus sur le contenu.',
46
+ info3: '3. Si c’est le cas pour chaque contenu caché, le test est validé',
47
+ }],
48
+ expertise: ExpertiseLevelEnum.DEV,
49
+
50
+ },
51
+
52
+ ],
53
+ },
54
+
55
+ ]
56
+
57
+ export const AccessibiliteItemsValidated = [
58
+ {
59
+ title: 'Catégorie 1 : Images',
60
+ subtitle: '1.2 Chaque image de décoration est-elle correctement ignorée par les technologies d’assistance ?',
61
+ items: [
62
+
63
+ {
64
+ precision: 'Chaque image vectorielle (balise <svg>) de décoration, sans légende, vérifie-t-elle ces conditions ?'
65
+ + ' La balise <svg> possède un attribut WAI-ARIA aria-hidden="true" ;'
66
+ + ' La balise <svg> et ses enfants sont dépourvus d’alternative textuelle ;'
67
+ + ' Les balises <title> et <desc> sont absentes ou vides ;'
68
+ + ' La balise <svg> et ses enfants sont dépourvus d’attribut title.',
69
+ link: 'https://accessibilite.numerique.gouv.fr/methode/criteres-et-tests/#1.2.4',
70
+ solution: [{
71
+ info1: '1. Retrouver dans le document les images décoratives dépourvues de légende structurées au moyen d’un élément <svg> ;',
72
+ info2: '2. Pour chaque image, vérifier que l’élément <svg> ne possède pas d’attributs aria-labelledby ou aria-label et qu’il :'
73
+ + ' Possède un attribut WAI-ARIA aria-hidden="true" ;'
74
+ + ' Et est dépourvu d’alternative textuelle (ainsi que ses éléments enfants) ;'
75
+ + ' Et ne contient pas d’éléments <title> et <desc> à moins que vides de contenu ;'
76
+ + ' Et est dépourvu d’attribut title (ainsi que ses éléments enfants).',
77
+ info3: '3. Si c’est le cas pour chaque image, le test est validé',
78
+ }],
79
+ expertise: ExpertiseLevelEnum.DESIGN,
80
+
81
+ },
82
+
83
+ ],
84
+ },
85
+ {
86
+ title: 'Catégorie 3 : Couleurs',
87
+ subtitle: '3.2 Dans chaque page web, le contraste entre la couleur du texte et la couleur de son arrière-plan est-il suffisamment élevé?',
88
+ items: [
89
+ {
90
+
91
+ precision: 'Dans chaque page web, le texte et le texte en image sans effet de graisse d’une taille restituée inférieure à 24px vérifient-ils une de ces conditions? Le rapport de contraste entre le texte et son arrière-plan est de 4.5:1, au moins; Un mécanisme permet à l’utilisateur d’afficher le texte avec un rapport de contraste de 4.5:1, au moins.',
92
+ link: 'https://accessibilite.numerique.gouv.fr/methode/criteres-et-tests/#3.2.1',
93
+ solution: [{
94
+ info1: '1. Retrouver dans le document les textes et les textes en image sans effet de graisse d’une taille restituée inférieure à 24px qui pourraient poser des problèmes de contraste ;',
95
+ info2: '2. Pour chacun de ces textes, vérifier que : Soit le rapport de contraste entre le texte et son arrière-plan est de 4.5:1, au moins; Soit un mécanisme permet à l’utilisateur d’afficher le texte avec un rapport de contraste de 4.5:1, au moins.',
96
+ info3: '3. Si c’est le cas pour chaque texte, le test est validé',
97
+ }],
98
+ expertise: ExpertiseLevelEnum.DESIGN,
99
+
100
+ },
101
+
102
+ ],
103
+ },
104
+
105
+ {
106
+ title: 'Catégorie 7 : Scripts',
107
+ subtitle: '7.1 Chaque script est-il, si nécessaire, compatible avec les technologies d’assistance ?',
108
+ items: [
109
+ {
110
+
111
+ precision: ' 7.1.1 Chaque script qui génère ou contrôle un composant d’interface vérifie-t-il, si nécessaire, une de ces conditions ? '
112
+ + ' Le nom, le rôle, la valeur, le paramétrage et les changements d’états sont accessibles aux technologies d’assistance via une API d’accessibilité ;'
113
+ + ' Un composant d’interface accessible permettant d’accéder aux mêmes fonctionnalités est présent dans la page ;'
114
+ + ' Une alternative accessible permet d’accéder aux mêmes fonctionnalités.',
115
+ link: 'https://accessibilite.numerique.gouv.fr/methode/criteres-et-tests/#7.1.1',
116
+ solution: [{
117
+ info1: '1. Vérifier que : Le composant possède un rôle cohérent avec son usage (généralement un bouton ou un lien) ;'
118
+ + ' Le composant possède un nom explicite ;'
119
+ + ' Le nom du composant est cohérent avec l’état de la fonctionnalité ou des contenus contrôlés (par exemple pour une fonctionnalité permettant d’afficher ou de masquer une zone de contenu).',
120
+ info2: '2. Sinon, vérifier la présence d’un composant d’interface accessible permettant d’accéder aux mêmes fonctionnalités',
121
+ info3: '3. Si c’est le cas le test est validé',
122
+ }],
123
+ expertise: ExpertiseLevelEnum.DESIGN,
124
+
125
+ },
126
+
127
+ ],
128
+ },
129
+
130
+ {
131
+ title: 'Catégorie 8 : Eléments Obligatoires',
132
+ subtitle: '8.9 Dans chaque page web, les balises ne doivent pas être utilisées uniquement à des fins de présentation',
133
+ items: [
134
+
135
+ {
136
+ precision: ' 8.9.1 Dans chaque page web les balises (à l’exception de <div>, <span> et <table>) ne doivent pas être utilisées uniquement à des fins de présentation. Cette règle est-elle respectée',
137
+ link: 'https://accessibilite.numerique.gouv.fr/methode/criteres-et-tests/#8.9.1',
138
+ solution: [{
139
+ info1: '1. Retrouver dans le document l’ensemble des éléments sémantiques utilisés à des fins de présentation ;',
140
+ info2: '2. Pour chacun de ces éléments, vérifier que :'
141
+ + 'L’élément est pourvu d’un attribut role=“presentation” ;'
142
+ + 'L’utilisation de cet élément à des fins de présentation reste justifée',
143
+ info3: '3. Si c’est le cas, le test est validé',
144
+ }],
145
+ expertise: ExpertiseLevelEnum.DESIGN,
146
+
147
+ },
148
+
149
+ ],
150
+ },
151
+
152
+ ]