@gouvfr/dsfr 1.4.0 → 1.4.1

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 (427) hide show
  1. package/.config/config.js +1 -1
  2. package/.config/icon-deprecated.scss +1 -1
  3. package/.config/icon.scss +1 -1
  4. package/dist/component/accordion/accordion.css +1 -1
  5. package/dist/component/accordion/accordion.legacy.css +1 -1
  6. package/dist/component/accordion/accordion.legacy.min.css +1 -1
  7. package/dist/component/accordion/accordion.main.css +1 -1
  8. package/dist/component/accordion/accordion.main.min.css +1 -1
  9. package/dist/component/accordion/accordion.min.css +1 -1
  10. package/dist/component/accordion/accordion.module.js +2 -2
  11. package/dist/component/accordion/accordion.module.js.map +1 -1
  12. package/dist/component/accordion/accordion.module.min.js +1 -1
  13. package/dist/component/accordion/accordion.module.min.js.map +1 -1
  14. package/dist/component/accordion/accordion.nomodule.js +2 -2
  15. package/dist/component/accordion/accordion.nomodule.js.map +1 -1
  16. package/dist/component/accordion/accordion.nomodule.min.js +1 -1
  17. package/dist/component/accordion/accordion.nomodule.min.js.map +1 -1
  18. package/dist/component/alert/alert.css +1 -1
  19. package/dist/component/alert/alert.legacy.css +1 -1
  20. package/dist/component/alert/alert.legacy.min.css +2 -2
  21. package/dist/component/alert/alert.main.css +1 -1
  22. package/dist/component/alert/alert.main.min.css +1 -1
  23. package/dist/component/alert/alert.min.css +2 -2
  24. package/dist/component/badge/badge.css +1 -1
  25. package/dist/component/badge/badge.legacy.css +1 -1
  26. package/dist/component/badge/badge.legacy.min.css +1 -1
  27. package/dist/component/badge/badge.main.css +1 -1
  28. package/dist/component/badge/badge.main.min.css +1 -1
  29. package/dist/component/badge/badge.min.css +1 -1
  30. package/dist/component/breadcrumb/breadcrumb.css +1 -1
  31. package/dist/component/breadcrumb/breadcrumb.legacy.css +1 -1
  32. package/dist/component/breadcrumb/breadcrumb.legacy.min.css +1 -1
  33. package/dist/component/breadcrumb/breadcrumb.main.css +1 -1
  34. package/dist/component/breadcrumb/breadcrumb.main.min.css +1 -1
  35. package/dist/component/breadcrumb/breadcrumb.min.css +1 -1
  36. package/dist/component/breadcrumb/breadcrumb.module.js +2 -2
  37. package/dist/component/breadcrumb/breadcrumb.module.js.map +1 -1
  38. package/dist/component/breadcrumb/breadcrumb.module.min.js +1 -1
  39. package/dist/component/breadcrumb/breadcrumb.module.min.js.map +1 -1
  40. package/dist/component/breadcrumb/breadcrumb.nomodule.js +2 -2
  41. package/dist/component/breadcrumb/breadcrumb.nomodule.js.map +1 -1
  42. package/dist/component/breadcrumb/breadcrumb.nomodule.min.js +1 -1
  43. package/dist/component/breadcrumb/breadcrumb.nomodule.min.js.map +1 -1
  44. package/dist/component/button/button.css +1 -1
  45. package/dist/component/button/button.legacy.css +1 -1
  46. package/dist/component/button/button.legacy.min.css +1 -1
  47. package/dist/component/button/button.main.css +1 -1
  48. package/dist/component/button/button.main.min.css +1 -1
  49. package/dist/component/button/button.min.css +1 -1
  50. package/dist/component/button/button.module.js +2 -2
  51. package/dist/component/button/button.module.js.map +1 -1
  52. package/dist/component/button/button.module.min.js +1 -1
  53. package/dist/component/button/button.module.min.js.map +1 -1
  54. package/dist/component/button/button.nomodule.js +2 -2
  55. package/dist/component/button/button.nomodule.js.map +1 -1
  56. package/dist/component/button/button.nomodule.min.js +1 -1
  57. package/dist/component/button/button.nomodule.min.js.map +1 -1
  58. package/dist/component/callout/callout.css +1 -1
  59. package/dist/component/callout/callout.legacy.css +1 -1
  60. package/dist/component/callout/callout.legacy.min.css +1 -1
  61. package/dist/component/callout/callout.main.css +1 -1
  62. package/dist/component/callout/callout.main.min.css +1 -1
  63. package/dist/component/callout/callout.min.css +1 -1
  64. package/dist/component/card/card.css +1 -1
  65. package/dist/component/card/card.legacy.css +1 -1
  66. package/dist/component/card/card.legacy.min.css +1 -1
  67. package/dist/component/card/card.main.css +1 -1
  68. package/dist/component/card/card.main.min.css +1 -1
  69. package/dist/component/card/card.min.css +1 -1
  70. package/dist/component/checkbox/checkbox.css +1 -1
  71. package/dist/component/checkbox/checkbox.legacy.css +1 -1
  72. package/dist/component/checkbox/checkbox.legacy.min.css +1 -1
  73. package/dist/component/checkbox/checkbox.main.css +1 -1
  74. package/dist/component/checkbox/checkbox.main.min.css +1 -1
  75. package/dist/component/checkbox/checkbox.min.css +1 -1
  76. package/dist/component/component.css +74 -233
  77. package/dist/component/component.css.map +1 -1
  78. package/dist/component/component.legacy.css +33 -21
  79. package/dist/component/component.legacy.css.map +1 -1
  80. package/dist/component/component.legacy.min.css +2 -2
  81. package/dist/component/component.legacy.min.css.map +1 -1
  82. package/dist/component/component.main.css +42 -213
  83. package/dist/component/component.main.css.map +1 -1
  84. package/dist/component/component.main.min.css +2 -2
  85. package/dist/component/component.main.min.css.map +1 -1
  86. package/dist/component/component.min.css +3 -3
  87. package/dist/component/component.min.css.map +1 -1
  88. package/dist/component/component.module.js +2 -2
  89. package/dist/component/component.module.js.map +1 -1
  90. package/dist/component/component.module.min.js +1 -1
  91. package/dist/component/component.module.min.js.map +1 -1
  92. package/dist/component/component.nomodule.js +2 -2
  93. package/dist/component/component.nomodule.js.map +1 -1
  94. package/dist/component/component.nomodule.min.js +1 -1
  95. package/dist/component/component.nomodule.min.js.map +1 -1
  96. package/dist/component/connect/connect.css +1 -1
  97. package/dist/component/connect/connect.legacy.css +1 -1
  98. package/dist/component/connect/connect.legacy.min.css +1 -1
  99. package/dist/component/connect/connect.main.css +1 -1
  100. package/dist/component/connect/connect.main.min.css +1 -1
  101. package/dist/component/connect/connect.min.css +1 -1
  102. package/dist/component/consent/consent.css +1 -1
  103. package/dist/component/consent/consent.legacy.css +1 -1
  104. package/dist/component/consent/consent.legacy.min.css +1 -1
  105. package/dist/component/consent/consent.main.css +1 -1
  106. package/dist/component/consent/consent.main.min.css +1 -1
  107. package/dist/component/consent/consent.min.css +1 -1
  108. package/dist/component/content/content.css +1 -1
  109. package/dist/component/content/content.legacy.css +1 -1
  110. package/dist/component/content/content.legacy.min.css +1 -1
  111. package/dist/component/content/content.main.css +1 -1
  112. package/dist/component/content/content.main.min.css +1 -1
  113. package/dist/component/content/content.min.css +1 -1
  114. package/dist/component/display/display.module.js +2 -2
  115. package/dist/component/display/display.module.js.map +1 -1
  116. package/dist/component/display/display.module.min.js +1 -1
  117. package/dist/component/display/display.module.min.js.map +1 -1
  118. package/dist/component/display/display.nomodule.js +2 -2
  119. package/dist/component/display/display.nomodule.js.map +1 -1
  120. package/dist/component/display/display.nomodule.min.js +1 -1
  121. package/dist/component/display/display.nomodule.min.js.map +1 -1
  122. package/dist/component/follow/follow.css +13 -200
  123. package/dist/component/follow/follow.css.map +1 -1
  124. package/dist/component/follow/follow.legacy.css +1 -1
  125. package/dist/component/follow/follow.legacy.min.css +1 -1
  126. package/dist/component/follow/follow.main.css +13 -200
  127. package/dist/component/follow/follow.main.css.map +1 -1
  128. package/dist/component/follow/follow.main.min.css +2 -2
  129. package/dist/component/follow/follow.main.min.css.map +1 -1
  130. package/dist/component/follow/follow.min.css +2 -2
  131. package/dist/component/follow/follow.min.css.map +1 -1
  132. package/dist/component/footer/footer.css +1 -1
  133. package/dist/component/footer/footer.legacy.css +1 -1
  134. package/dist/component/footer/footer.legacy.min.css +1 -1
  135. package/dist/component/footer/footer.main.css +1 -1
  136. package/dist/component/footer/footer.main.min.css +1 -1
  137. package/dist/component/footer/footer.min.css +1 -1
  138. package/dist/component/form/form.css +1 -1
  139. package/dist/component/form/form.legacy.css +1 -1
  140. package/dist/component/form/form.legacy.min.css +1 -1
  141. package/dist/component/form/form.main.css +1 -1
  142. package/dist/component/form/form.main.min.css +1 -1
  143. package/dist/component/form/form.min.css +1 -1
  144. package/dist/component/header/header.css +1 -1
  145. package/dist/component/header/header.legacy.css +1 -1
  146. package/dist/component/header/header.legacy.min.css +1 -1
  147. package/dist/component/header/header.main.css +1 -1
  148. package/dist/component/header/header.main.min.css +1 -1
  149. package/dist/component/header/header.min.css +1 -1
  150. package/dist/component/header/header.module.js +2 -2
  151. package/dist/component/header/header.module.js.map +1 -1
  152. package/dist/component/header/header.module.min.js +1 -1
  153. package/dist/component/header/header.module.min.js.map +1 -1
  154. package/dist/component/header/header.nomodule.js +2 -2
  155. package/dist/component/header/header.nomodule.js.map +1 -1
  156. package/dist/component/header/header.nomodule.min.js +1 -1
  157. package/dist/component/header/header.nomodule.min.js.map +1 -1
  158. package/dist/component/highlight/highlight.css +1 -1
  159. package/dist/component/highlight/highlight.legacy.css +1 -1
  160. package/dist/component/highlight/highlight.legacy.min.css +1 -1
  161. package/dist/component/highlight/highlight.main.css +1 -1
  162. package/dist/component/highlight/highlight.main.min.css +1 -1
  163. package/dist/component/highlight/highlight.min.css +1 -1
  164. package/dist/component/input/input.css +1 -1
  165. package/dist/component/input/input.legacy.css +1 -1
  166. package/dist/component/input/input.legacy.min.css +1 -1
  167. package/dist/component/input/input.main.css +1 -1
  168. package/dist/component/input/input.main.min.css +1 -1
  169. package/dist/component/input/input.min.css +1 -1
  170. package/dist/component/link/link.css +1 -1
  171. package/dist/component/link/link.legacy.css +1 -1
  172. package/dist/component/link/link.legacy.min.css +1 -1
  173. package/dist/component/link/link.main.css +1 -1
  174. package/dist/component/link/link.main.min.css +1 -1
  175. package/dist/component/link/link.min.css +1 -1
  176. package/dist/component/logo/logo.css +1 -1
  177. package/dist/component/logo/logo.legacy.css +1 -1
  178. package/dist/component/logo/logo.legacy.min.css +1 -1
  179. package/dist/component/logo/logo.main.css +1 -1
  180. package/dist/component/logo/logo.main.min.css +1 -1
  181. package/dist/component/logo/logo.min.css +1 -1
  182. package/dist/component/modal/modal.css +1 -1
  183. package/dist/component/modal/modal.legacy.css +1 -1
  184. package/dist/component/modal/modal.legacy.min.css +1 -1
  185. package/dist/component/modal/modal.main.css +1 -1
  186. package/dist/component/modal/modal.main.min.css +1 -1
  187. package/dist/component/modal/modal.min.css +1 -1
  188. package/dist/component/modal/modal.module.js +2 -2
  189. package/dist/component/modal/modal.module.js.map +1 -1
  190. package/dist/component/modal/modal.module.min.js +1 -1
  191. package/dist/component/modal/modal.module.min.js.map +1 -1
  192. package/dist/component/modal/modal.nomodule.js +2 -2
  193. package/dist/component/modal/modal.nomodule.js.map +1 -1
  194. package/dist/component/modal/modal.nomodule.min.js +1 -1
  195. package/dist/component/modal/modal.nomodule.min.js.map +1 -1
  196. package/dist/component/navigation/navigation.css +1 -1
  197. package/dist/component/navigation/navigation.legacy.css +1 -1
  198. package/dist/component/navigation/navigation.legacy.min.css +1 -1
  199. package/dist/component/navigation/navigation.main.css +1 -1
  200. package/dist/component/navigation/navigation.main.min.css +1 -1
  201. package/dist/component/navigation/navigation.min.css +1 -1
  202. package/dist/component/navigation/navigation.module.js +2 -2
  203. package/dist/component/navigation/navigation.module.js.map +1 -1
  204. package/dist/component/navigation/navigation.module.min.js +1 -1
  205. package/dist/component/navigation/navigation.module.min.js.map +1 -1
  206. package/dist/component/navigation/navigation.nomodule.js +2 -2
  207. package/dist/component/navigation/navigation.nomodule.js.map +1 -1
  208. package/dist/component/navigation/navigation.nomodule.min.js +1 -1
  209. package/dist/component/navigation/navigation.nomodule.min.js.map +1 -1
  210. package/dist/component/pagination/pagination.css +1 -1
  211. package/dist/component/pagination/pagination.legacy.css +1 -1
  212. package/dist/component/pagination/pagination.legacy.min.css +1 -1
  213. package/dist/component/pagination/pagination.main.css +1 -1
  214. package/dist/component/pagination/pagination.main.min.css +1 -1
  215. package/dist/component/pagination/pagination.min.css +1 -1
  216. package/dist/component/quote/quote.css +1 -1
  217. package/dist/component/quote/quote.legacy.css +1 -1
  218. package/dist/component/quote/quote.legacy.min.css +1 -1
  219. package/dist/component/quote/quote.main.css +1 -1
  220. package/dist/component/quote/quote.main.min.css +1 -1
  221. package/dist/component/quote/quote.min.css +1 -1
  222. package/dist/component/radio/radio.css +1 -1
  223. package/dist/component/radio/radio.legacy.css +1 -1
  224. package/dist/component/radio/radio.legacy.min.css +1 -1
  225. package/dist/component/radio/radio.main.css +1 -1
  226. package/dist/component/radio/radio.main.min.css +1 -1
  227. package/dist/component/radio/radio.min.css +1 -1
  228. package/dist/component/search/search.css +1 -1
  229. package/dist/component/search/search.legacy.css +1 -1
  230. package/dist/component/search/search.legacy.min.css +1 -1
  231. package/dist/component/search/search.main.css +1 -1
  232. package/dist/component/search/search.main.min.css +1 -1
  233. package/dist/component/search/search.min.css +1 -1
  234. package/dist/component/select/select.css +1 -1
  235. package/dist/component/select/select.legacy.css +1 -1
  236. package/dist/component/select/select.legacy.min.css +1 -1
  237. package/dist/component/select/select.main.css +1 -1
  238. package/dist/component/select/select.main.min.css +1 -1
  239. package/dist/component/select/select.min.css +1 -1
  240. package/dist/component/share/share.css +1 -1
  241. package/dist/component/share/share.legacy.css +1 -1
  242. package/dist/component/share/share.legacy.min.css +1 -1
  243. package/dist/component/share/share.main.css +1 -1
  244. package/dist/component/share/share.main.min.css +2 -2
  245. package/dist/component/share/share.min.css +2 -2
  246. package/dist/component/sidemenu/sidemenu.css +1 -1
  247. package/dist/component/sidemenu/sidemenu.legacy.css +1 -1
  248. package/dist/component/sidemenu/sidemenu.legacy.min.css +1 -1
  249. package/dist/component/sidemenu/sidemenu.main.css +1 -1
  250. package/dist/component/sidemenu/sidemenu.main.min.css +1 -1
  251. package/dist/component/sidemenu/sidemenu.min.css +1 -1
  252. package/dist/component/sidemenu/sidemenu.module.js +2 -2
  253. package/dist/component/sidemenu/sidemenu.module.js.map +1 -1
  254. package/dist/component/sidemenu/sidemenu.module.min.js +1 -1
  255. package/dist/component/sidemenu/sidemenu.module.min.js.map +1 -1
  256. package/dist/component/sidemenu/sidemenu.nomodule.js +2 -2
  257. package/dist/component/sidemenu/sidemenu.nomodule.js.map +1 -1
  258. package/dist/component/sidemenu/sidemenu.nomodule.min.js +1 -1
  259. package/dist/component/sidemenu/sidemenu.nomodule.min.js.map +1 -1
  260. package/dist/component/skiplink/skiplink.css +1 -1
  261. package/dist/component/skiplink/skiplink.legacy.css +1 -1
  262. package/dist/component/skiplink/skiplink.legacy.min.css +1 -1
  263. package/dist/component/skiplink/skiplink.main.css +1 -1
  264. package/dist/component/skiplink/skiplink.main.min.css +1 -1
  265. package/dist/component/skiplink/skiplink.min.css +1 -1
  266. package/dist/component/summary/summary.css +1 -1
  267. package/dist/component/summary/summary.legacy.css +1 -1
  268. package/dist/component/summary/summary.legacy.min.css +2 -2
  269. package/dist/component/summary/summary.main.css +1 -1
  270. package/dist/component/summary/summary.main.min.css +1 -1
  271. package/dist/component/summary/summary.min.css +2 -2
  272. package/dist/component/tab/tab.css +1 -1
  273. package/dist/component/tab/tab.legacy.css +1 -1
  274. package/dist/component/tab/tab.legacy.min.css +1 -1
  275. package/dist/component/tab/tab.main.css +1 -1
  276. package/dist/component/tab/tab.main.min.css +1 -1
  277. package/dist/component/tab/tab.min.css +1 -1
  278. package/dist/component/tab/tab.module.js +2 -2
  279. package/dist/component/tab/tab.module.js.map +1 -1
  280. package/dist/component/tab/tab.module.min.js +1 -1
  281. package/dist/component/tab/tab.module.min.js.map +1 -1
  282. package/dist/component/tab/tab.nomodule.js +2 -2
  283. package/dist/component/tab/tab.nomodule.js.map +1 -1
  284. package/dist/component/tab/tab.nomodule.min.js +1 -1
  285. package/dist/component/tab/tab.nomodule.min.js.map +1 -1
  286. package/dist/component/table/table.css +1 -1
  287. package/dist/component/table/table.legacy.css +1 -1
  288. package/dist/component/table/table.legacy.min.css +1 -1
  289. package/dist/component/table/table.main.css +1 -1
  290. package/dist/component/table/table.main.min.css +1 -1
  291. package/dist/component/table/table.min.css +1 -1
  292. package/dist/component/table/table.module.js +2 -2
  293. package/dist/component/table/table.module.js.map +1 -1
  294. package/dist/component/table/table.module.min.js +1 -1
  295. package/dist/component/table/table.module.min.js.map +1 -1
  296. package/dist/component/table/table.nomodule.js +2 -2
  297. package/dist/component/table/table.nomodule.js.map +1 -1
  298. package/dist/component/table/table.nomodule.min.js +1 -1
  299. package/dist/component/table/table.nomodule.min.js.map +1 -1
  300. package/dist/component/tag/tag.css +112 -80
  301. package/dist/component/tag/tag.css.map +1 -1
  302. package/dist/component/tag/tag.legacy.css +61 -55
  303. package/dist/component/tag/tag.legacy.css.map +1 -1
  304. package/dist/component/tag/tag.legacy.min.css +2 -2
  305. package/dist/component/tag/tag.legacy.min.css.map +1 -1
  306. package/dist/component/tag/tag.main.css +52 -26
  307. package/dist/component/tag/tag.main.css.map +1 -1
  308. package/dist/component/tag/tag.main.min.css +2 -2
  309. package/dist/component/tag/tag.main.min.css.map +1 -1
  310. package/dist/component/tag/tag.min.css +2 -2
  311. package/dist/component/tag/tag.min.css.map +1 -1
  312. package/dist/component/tag/tag.module.js +2 -2
  313. package/dist/component/tag/tag.module.js.map +1 -1
  314. package/dist/component/tag/tag.module.min.js +1 -1
  315. package/dist/component/tag/tag.module.min.js.map +1 -1
  316. package/dist/component/tag/tag.nomodule.js +2 -2
  317. package/dist/component/tag/tag.nomodule.js.map +1 -1
  318. package/dist/component/tag/tag.nomodule.min.js +1 -1
  319. package/dist/component/tag/tag.nomodule.min.js.map +1 -1
  320. package/dist/component/tile/tile.css +1 -1
  321. package/dist/component/tile/tile.legacy.css +1 -1
  322. package/dist/component/tile/tile.legacy.min.css +1 -1
  323. package/dist/component/tile/tile.main.css +1 -1
  324. package/dist/component/tile/tile.main.min.css +1 -1
  325. package/dist/component/tile/tile.min.css +1 -1
  326. package/dist/component/toggle/toggle.css +1 -1
  327. package/dist/component/toggle/toggle.legacy.css +1 -1
  328. package/dist/component/toggle/toggle.legacy.min.css +1 -1
  329. package/dist/component/toggle/toggle.main.css +1 -1
  330. package/dist/component/toggle/toggle.main.min.css +1 -1
  331. package/dist/component/toggle/toggle.min.css +1 -1
  332. package/dist/component/toggle/toggle.module.js +2 -2
  333. package/dist/component/toggle/toggle.module.js.map +1 -1
  334. package/dist/component/toggle/toggle.module.min.js +1 -1
  335. package/dist/component/toggle/toggle.module.min.js.map +1 -1
  336. package/dist/component/toggle/toggle.nomodule.js +2 -2
  337. package/dist/component/toggle/toggle.nomodule.js.map +1 -1
  338. package/dist/component/toggle/toggle.nomodule.min.js +1 -1
  339. package/dist/component/toggle/toggle.nomodule.min.js.map +1 -1
  340. package/dist/component/upload/upload.css +1 -1
  341. package/dist/component/upload/upload.min.css +1 -1
  342. package/dist/core/core.css +3 -3
  343. package/dist/core/core.css.map +1 -1
  344. package/dist/core/core.legacy.css +1 -1
  345. package/dist/core/core.legacy.min.css +1 -1
  346. package/dist/core/core.main.css +3 -3
  347. package/dist/core/core.main.css.map +1 -1
  348. package/dist/core/core.main.min.css +3 -3
  349. package/dist/core/core.main.min.css.map +1 -1
  350. package/dist/core/core.min.css +3 -3
  351. package/dist/core/core.min.css.map +1 -1
  352. package/dist/core/core.module.js +2 -2
  353. package/dist/core/core.module.js.map +1 -1
  354. package/dist/core/core.module.min.js +2 -2
  355. package/dist/core/core.module.min.js.map +1 -1
  356. package/dist/core/core.nomodule.js +2 -2
  357. package/dist/core/core.nomodule.js.map +1 -1
  358. package/dist/core/core.nomodule.min.js +2 -2
  359. package/dist/core/core.nomodule.min.js.map +1 -1
  360. package/dist/dsfr/dsfr.css +76 -235
  361. package/dist/dsfr/dsfr.css.map +1 -1
  362. package/dist/dsfr/dsfr.legacy.css +33 -21
  363. package/dist/dsfr/dsfr.legacy.css.map +1 -1
  364. package/dist/dsfr/dsfr.legacy.min.css +2 -2
  365. package/dist/dsfr/dsfr.legacy.min.css.map +1 -1
  366. package/dist/dsfr/dsfr.main.css +44 -215
  367. package/dist/dsfr/dsfr.main.css.map +1 -1
  368. package/dist/dsfr/dsfr.main.min.css +3 -3
  369. package/dist/dsfr/dsfr.main.min.css.map +1 -1
  370. package/dist/dsfr/dsfr.min.css +4 -4
  371. package/dist/dsfr/dsfr.min.css.map +1 -1
  372. package/dist/dsfr/dsfr.module.js +2 -2
  373. package/dist/dsfr/dsfr.module.js.map +1 -1
  374. package/dist/dsfr/dsfr.module.min.js +2 -2
  375. package/dist/dsfr/dsfr.module.min.js.map +1 -1
  376. package/dist/dsfr/dsfr.nomodule.js +2 -2
  377. package/dist/dsfr/dsfr.nomodule.js.map +1 -1
  378. package/dist/dsfr/dsfr.nomodule.min.js +2 -2
  379. package/dist/dsfr/dsfr.nomodule.min.js.map +1 -1
  380. package/dist/legacy/legacy.nomodule.js +1 -1
  381. package/dist/legacy/legacy.nomodule.min.js +1 -1
  382. package/dist/scheme/scheme.css +1 -1
  383. package/dist/scheme/scheme.min.css +1 -1
  384. package/dist/scheme/scheme.module.js +2 -2
  385. package/dist/scheme/scheme.module.js.map +1 -1
  386. package/dist/scheme/scheme.module.min.js +1 -1
  387. package/dist/scheme/scheme.module.min.js.map +1 -1
  388. package/example/component/accordion/index.html +164 -188
  389. package/example/component/breadcrumb/index.html +6 -6
  390. package/example/component/callout/index.html +10 -10
  391. package/example/component/card/index.html +8 -8
  392. package/example/component/checkbox/index.html +32 -32
  393. package/example/component/connect/index.html +4 -127
  394. package/example/component/consent/index.html +8 -8
  395. package/example/component/content/index.html +30 -30
  396. package/example/component/display/index.html +46 -46
  397. package/example/component/follow/index.html +16 -16
  398. package/example/component/footer/index.html +20 -20
  399. package/example/component/form/index.html +24 -24
  400. package/example/component/header/index.html +208 -208
  401. package/example/component/highlight/index.html +8 -8
  402. package/example/component/input/index.html +44 -44
  403. package/example/component/link/index.html +14 -14
  404. package/example/component/modal/index.html +80 -80
  405. package/example/component/navigation/index.html +34 -34
  406. package/example/component/pagination/index.html +12 -12
  407. package/example/component/quote/index.html +8 -8
  408. package/example/component/radio/index.html +38 -38
  409. package/example/component/select/index.html +10 -10
  410. package/example/component/share/index.html +10 -10
  411. package/example/component/sidemenu/index.html +456 -456
  412. package/example/component/skiplink/index.html +23 -23
  413. package/example/component/summary/index.html +2 -2
  414. package/example/component/tab/index.html +236 -238
  415. package/example/component/table/index.html +104 -104
  416. package/example/component/tag/index.html +50 -50
  417. package/example/component/tile/index.html +34 -34
  418. package/example/component/toggle/index.html +130 -130
  419. package/package.json +1 -1
  420. package/src/component/connect/example/index.ejs +3 -3
  421. package/src/component/connect/example/sample/connect-default.ejs +1 -2
  422. package/src/component/connect/example/sample/connect-plus.ejs +1 -2
  423. package/src/component/connect/template/ejs/connect.ejs +6 -1
  424. package/src/component/follow/deprecated/style/_module.scss +7 -1
  425. package/src/component/follow/deprecated/style/_tool.scss +3 -7
  426. package/src/component/tag/style/_scheme.scss +13 -22
  427. package/src/component/tag/style/_tool.scss +27 -2
package/example/component/tab/index.html CHANGED
@@ -111,71 +111,85 @@
111
111
  <div class="fr-tabs">
112
112
  <ul class="fr-tabs__list" role="tablist" aria-label="[A modifier | nom du système d'onglet]">
113
113
  <li role="presentation">
114
- <button id="tabpanel-946" class="fr-tabs__tab fr-fi-checkbox-circle-line fr-tabs__tab--icon-left" tabindex="0" role="tab" aria-selected="true" aria-controls="tabpanel-946-panel">Label Tab 1</button>
114
+ <button id="tabpanel-943" class="fr-tabs__tab fr-fi-checkbox-circle-line fr-tabs__tab--icon-left" tabindex="0" role="tab" aria-selected="true" aria-controls="tabpanel-943-panel">Label Tab 1</button>
115
115
  </li>
116
116
  <li role="presentation">
117
- <button id="tabpanel-947" class="fr-tabs__tab fr-fi-checkbox-circle-line fr-tabs__tab--icon-left" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-947-panel">Label Tab 2</button>
117
+ <button id="tabpanel-944" class="fr-tabs__tab fr-fi-checkbox-circle-line fr-tabs__tab--icon-left" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-944-panel">Label Tab 2</button>
118
118
  </li>
119
119
  <li role="presentation">
120
- <button id="tabpanel-948" class="fr-tabs__tab fr-fi-checkbox-circle-line fr-tabs__tab--icon-left" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-948-panel">Label Tab 3</button>
120
+ <button id="tabpanel-945" class="fr-tabs__tab fr-fi-checkbox-circle-line fr-tabs__tab--icon-left" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-945-panel">Label Tab 3</button>
121
121
  </li>
122
122
  <li role="presentation">
123
- <button id="tabpanel-949" class="fr-tabs__tab fr-fi-checkbox-circle-line fr-tabs__tab--icon-left" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-949-panel">Label Tab 4</button>
123
+ <button id="tabpanel-946" class="fr-tabs__tab fr-fi-checkbox-circle-line fr-tabs__tab--icon-left" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-946-panel">Label Tab 4</button>
124
124
  </li>
125
125
  </ul>
126
- <div id="tabpanel-946-panel" class="fr-tabs__panel fr-tabs__panel--selected" role="tabpanel" aria-labelledby="tabpanel-946" tabindex="0">
126
+ <div id="tabpanel-943-panel" class="fr-tabs__panel fr-tabs__panel--selected" role="tabpanel" aria-labelledby="tabpanel-943" tabindex="0">
127
127
  <!-- données de test -->
128
128
  <div>
129
129
  <h4 class="fr-h4">Contenu 1</h4>
130
- <img class="fr-responsive-img" src="../../../example/img/placeholder.16x9.png" alt="" />
131
- <!-- L’alternative de l’image (attribut alt) doit toujours être présente, sa valeur peut-être vide (image n’apportant pas de sens supplémentaire au contexte) ou non (porteuse de texte ou apportant du sens) selon votre contexte -->
132
130
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing, <a href="test" target="_blank">link test</a> incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.</p>
133
131
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing, <a href="test" target="_blank">link test</a> incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.</p>
134
132
  <ul>
135
- <li>list item<ul>
136
- <li>list item niveau 2</li>
137
- <li>list item niveau 2</li>
138
- </ul>
139
- </li>
140
133
  <li>list item</li>
141
134
  <li>list item</li>
142
135
  </ul>
143
136
  </div>
144
137
  </div>
145
- <div id="tabpanel-947-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-947" tabindex="0">
138
+ <div id="tabpanel-944-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-944" tabindex="0">
146
139
  <!-- données de test -->
147
140
  <div>
148
141
  <h4 class="fr-h4">Contenu 2</h4>
149
142
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing, <a href="test" target="_blank">link test</a> incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.</p>
143
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing, <a href="test" target="_blank">link test</a> incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.</p>
150
144
  <ul>
145
+ <li>list item<ul>
146
+ <li>list item niveau 2</li>
147
+ <li>list item niveau 2</li>
148
+ <li>list item niveau 2</li>
149
+ </ul>
150
+ </li>
151
151
  <li>list item</li>
152
- <li>list item</li>
152
+ <li>list item<ul>
153
+ <li>list item niveau 2</li>
154
+ <li>list item niveau 2</li>
155
+ <li>list item niveau 2</li>
156
+ </ul>
157
+ </li>
153
158
  </ul>
154
159
  </div>
155
160
  </div>
156
- <div id="tabpanel-948-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-948" tabindex="0">
161
+ <div id="tabpanel-945-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-945" tabindex="0">
157
162
  <!-- données de test -->
158
163
  <div>
159
164
  <h4 class="fr-h4">Contenu 3</h4>
165
+ <img class="fr-responsive-img" src="../../../example/img/placeholder.16x9.png" alt="" />
166
+ <!-- L’alternative de l’image (attribut alt) doit toujours être présente, sa valeur peut-être vide (image n’apportant pas de sens supplémentaire au contexte) ou non (porteuse de texte ou apportant du sens) selon votre contexte -->
167
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing, <a href="test" target="_blank">link test</a> incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.</p>
160
168
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing, <a href="test" target="_blank">link test</a> incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.</p>
161
169
  <ul>
170
+ <li>list item</li>
162
171
  <li>list item</li>
163
172
  <li>list item<ul>
164
173
  <li>list item niveau 2</li>
165
174
  <li>list item niveau 2</li>
175
+ <li>list item niveau 2</li>
166
176
  </ul>
167
177
  </li>
168
- <li>list item</li>
169
178
  </ul>
170
179
  </div>
171
180
  </div>
172
- <div id="tabpanel-949-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-949" tabindex="0">
181
+ <div id="tabpanel-946-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-946" tabindex="0">
173
182
  <!-- données de test -->
174
183
  <div>
175
184
  <h4 class="fr-h4">Contenu 4</h4>
176
185
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing, <a href="test" target="_blank">link test</a> incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.</p>
186
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing, <a href="test" target="_blank">link test</a> incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.</p>
177
187
  <ul>
178
- <li>list item</li>
188
+ <li>list item<ul>
189
+ <li>list item niveau 2</li>
190
+ <li>list item niveau 2</li>
191
+ </ul>
192
+ </li>
179
193
  <li>list item</li>
180
194
  </ul>
181
195
  </div>
@@ -185,34 +199,34 @@
185
199
  <div class="fr-mb-12v">
186
200
  <section class="fr-accordion">
187
201
  <h3 class="fr-accordion__title">
188
- <button class="fr-accordion__btn" aria-expanded="false" aria-controls="snippet-954">Extrait de code</button>
202
+ <button class="fr-accordion__btn" aria-expanded="false" aria-controls="snippet-951">Extrait de code</button>
189
203
  </h3>
190
- <div class="fr-collapse" id="snippet-954">
204
+ <div class="fr-collapse" id="snippet-951">
191
205
  <pre class=" language-html"><code>&lt;div class="fr-tabs"&gt;
192
206
  &lt;ul class="fr-tabs__list" role="tablist" aria-label="[A modifier | nom du système d'onglet]"&gt;
193
207
  &lt;li role="presentation"&gt;
194
- &lt;button id="tabpanel-950" class="fr-tabs__tab fr-fi-checkbox-circle-line fr-tabs__tab--icon-left" tabindex="0" role="tab" aria-selected="true" aria-controls="tabpanel-950-panel"&gt;Label Tab 1&lt;/button&gt;
208
+ &lt;button id="tabpanel-947" class="fr-tabs__tab fr-fi-checkbox-circle-line fr-tabs__tab--icon-left" tabindex="0" role="tab" aria-selected="true" aria-controls="tabpanel-947-panel"&gt;Label Tab 1&lt;/button&gt;
195
209
  &lt;/li&gt;
196
210
  &lt;li role="presentation"&gt;
197
- &lt;button id="tabpanel-951" class="fr-tabs__tab fr-fi-checkbox-circle-line fr-tabs__tab--icon-left" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-951-panel"&gt;Label Tab 2&lt;/button&gt;
211
+ &lt;button id="tabpanel-948" class="fr-tabs__tab fr-fi-checkbox-circle-line fr-tabs__tab--icon-left" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-948-panel"&gt;Label Tab 2&lt;/button&gt;
198
212
  &lt;/li&gt;
199
213
  &lt;li role="presentation"&gt;
200
- &lt;button id="tabpanel-952" class="fr-tabs__tab fr-fi-checkbox-circle-line fr-tabs__tab--icon-left" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-952-panel"&gt;Label Tab 3&lt;/button&gt;
214
+ &lt;button id="tabpanel-949" class="fr-tabs__tab fr-fi-checkbox-circle-line fr-tabs__tab--icon-left" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-949-panel"&gt;Label Tab 3&lt;/button&gt;
201
215
  &lt;/li&gt;
202
216
  &lt;li role="presentation"&gt;
203
- &lt;button id="tabpanel-953" class="fr-tabs__tab fr-fi-checkbox-circle-line fr-tabs__tab--icon-left" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-953-panel"&gt;Label Tab 4&lt;/button&gt;
217
+ &lt;button id="tabpanel-950" class="fr-tabs__tab fr-fi-checkbox-circle-line fr-tabs__tab--icon-left" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-950-panel"&gt;Label Tab 4&lt;/button&gt;
204
218
  &lt;/li&gt;
205
219
  &lt;/ul&gt;
206
- &lt;div id="tabpanel-950-panel" class="fr-tabs__panel fr-tabs__panel--selected" role="tabpanel" aria-labelledby="tabpanel-950" tabindex="0"&gt;
220
+ &lt;div id="tabpanel-947-panel" class="fr-tabs__panel fr-tabs__panel--selected" role="tabpanel" aria-labelledby="tabpanel-947" tabindex="0"&gt;
207
221
  &lt;!-- données de test --&gt;
208
222
  &lt;/div&gt;
209
- &lt;div id="tabpanel-951-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-951" tabindex="0"&gt;
223
+ &lt;div id="tabpanel-948-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-948" tabindex="0"&gt;
210
224
  &lt;!-- données de test --&gt;
211
225
  &lt;/div&gt;
212
- &lt;div id="tabpanel-952-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-952" tabindex="0"&gt;
226
+ &lt;div id="tabpanel-949-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-949" tabindex="0"&gt;
213
227
  &lt;!-- données de test --&gt;
214
228
  &lt;/div&gt;
215
- &lt;div id="tabpanel-953-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-953" tabindex="0"&gt;
229
+ &lt;div id="tabpanel-950-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-950" tabindex="0"&gt;
216
230
  &lt;!-- données de test --&gt;
217
231
  &lt;/div&gt;
218
232
  &lt;/div&gt;
@@ -225,13 +239,13 @@
225
239
  <div class="fr-tabs">
226
240
  <ul class="fr-tabs__list" role="tablist" aria-label="[A modifier | nom du système d'onglet]">
227
241
  <li role="presentation">
228
- <button id="tabpanel-955" class="fr-tabs__tab" tabindex="0" role="tab" aria-selected="true" aria-controls="tabpanel-955-panel">Label Tab 1</button>
242
+ <button id="tabpanel-952" class="fr-tabs__tab" tabindex="0" role="tab" aria-selected="true" aria-controls="tabpanel-952-panel">Label Tab 1</button>
229
243
  </li>
230
244
  <li role="presentation">
231
- <button id="tabpanel-956" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-956-panel">Label Tab 2</button>
245
+ <button id="tabpanel-953" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-953-panel">Label Tab 2</button>
232
246
  </li>
233
247
  </ul>
234
- <div id="tabpanel-955-panel" class="fr-tabs__panel fr-tabs__panel--selected" role="tabpanel" aria-labelledby="tabpanel-955" tabindex="0">
248
+ <div id="tabpanel-952-panel" class="fr-tabs__panel fr-tabs__panel--selected" role="tabpanel" aria-labelledby="tabpanel-952" tabindex="0">
235
249
  <!-- données de test -->
236
250
  <div>
237
251
  <h4 class="fr-h4">Contenu 1</h4>
@@ -239,27 +253,30 @@
239
253
  <ul>
240
254
  <li>list item</li>
241
255
  <li>list item</li>
242
- <li>list item</li>
256
+ <li>list item<ul>
257
+ <li>list item niveau 2</li>
258
+ <li>list item niveau 2</li>
259
+ <li>list item niveau 2</li>
260
+ </ul>
261
+ </li>
243
262
  </ul>
244
263
  </div>
245
264
  </div>
246
- <div id="tabpanel-956-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-956" tabindex="0">
265
+ <div id="tabpanel-953-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-953" tabindex="0">
247
266
  <!-- données de test -->
248
267
  <div>
249
268
  <h4 class="fr-h4">Contenu 2</h4>
250
- <img class="fr-responsive-img" src="../../../example/img/placeholder.16x9.png" alt="" />
251
- <!-- L’alternative de l’image (attribut alt) doit toujours être présente, sa valeur peut-être vide (image n’apportant pas de sens supplémentaire au contexte) ou non (porteuse de texte ou apportant du sens) selon votre contexte -->
252
269
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing, <a href="test" target="_blank">link test</a> incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.</p>
253
270
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing, <a href="test" target="_blank">link test</a> incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.</p>
254
271
  <ul>
255
- <li>list item</li>
256
- <li>list item</li>
257
272
  <li>list item<ul>
258
273
  <li>list item niveau 2</li>
259
274
  <li>list item niveau 2</li>
260
275
  <li>list item niveau 2</li>
261
276
  </ul>
262
277
  </li>
278
+ <li>list item</li>
279
+ <li>list item</li>
263
280
  </ul>
264
281
  </div>
265
282
  </div>
@@ -268,22 +285,22 @@
268
285
  <div class="fr-mb-12v">
269
286
  <section class="fr-accordion">
270
287
  <h3 class="fr-accordion__title">
271
- <button class="fr-accordion__btn" aria-expanded="false" aria-controls="snippet-959">Extrait de code</button>
288
+ <button class="fr-accordion__btn" aria-expanded="false" aria-controls="snippet-956">Extrait de code</button>
272
289
  </h3>
273
- <div class="fr-collapse" id="snippet-959">
290
+ <div class="fr-collapse" id="snippet-956">
274
291
  <pre class=" language-html"><code>&lt;div class="fr-tabs"&gt;
275
292
  &lt;ul class="fr-tabs__list" role="tablist" aria-label="[A modifier | nom du système d'onglet]"&gt;
276
293
  &lt;li role="presentation"&gt;
277
- &lt;button id="tabpanel-957" class="fr-tabs__tab" tabindex="0" role="tab" aria-selected="true" aria-controls="tabpanel-957-panel"&gt;Label Tab 1&lt;/button&gt;
294
+ &lt;button id="tabpanel-954" class="fr-tabs__tab" tabindex="0" role="tab" aria-selected="true" aria-controls="tabpanel-954-panel"&gt;Label Tab 1&lt;/button&gt;
278
295
  &lt;/li&gt;
279
296
  &lt;li role="presentation"&gt;
280
- &lt;button id="tabpanel-958" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-958-panel"&gt;Label Tab 2&lt;/button&gt;
297
+ &lt;button id="tabpanel-955" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-955-panel"&gt;Label Tab 2&lt;/button&gt;
281
298
  &lt;/li&gt;
282
299
  &lt;/ul&gt;
283
- &lt;div id="tabpanel-957-panel" class="fr-tabs__panel fr-tabs__panel--selected" role="tabpanel" aria-labelledby="tabpanel-957" tabindex="0"&gt;
300
+ &lt;div id="tabpanel-954-panel" class="fr-tabs__panel fr-tabs__panel--selected" role="tabpanel" aria-labelledby="tabpanel-954" tabindex="0"&gt;
284
301
  &lt;!-- données de test --&gt;
285
302
  &lt;/div&gt;
286
- &lt;div id="tabpanel-958-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-958" tabindex="0"&gt;
303
+ &lt;div id="tabpanel-955-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-955" tabindex="0"&gt;
287
304
  &lt;!-- données de test --&gt;
288
305
  &lt;/div&gt;
289
306
  &lt;/div&gt;
@@ -296,112 +313,92 @@
296
313
  <div class="fr-tabs">
297
314
  <ul class="fr-tabs__list" role="tablist" aria-label="[A modifier | nom du système d'onglet]">
298
315
  <li role="presentation">
299
- <button id="tabpanel-979" class="fr-tabs__tab" tabindex="0" role="tab" aria-selected="true" aria-controls="tabpanel-979-panel">Main Tab 0</button>
316
+ <button id="tabpanel-976" class="fr-tabs__tab" tabindex="0" role="tab" aria-selected="true" aria-controls="tabpanel-976-panel">Main Tab 0</button>
300
317
  </li>
301
318
  <li role="presentation">
302
- <button id="tabpanel-980" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-980-panel">Main Tab 1</button>
319
+ <button id="tabpanel-977" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-977-panel">Main Tab 1</button>
303
320
  </li>
304
321
  </ul>
305
- <div id="tabpanel-979-panel" class="fr-tabs__panel fr-tabs__panel--selected" role="tabpanel" aria-labelledby="tabpanel-979" tabindex="0">
322
+ <div id="tabpanel-976-panel" class="fr-tabs__panel fr-tabs__panel--selected" role="tabpanel" aria-labelledby="tabpanel-976" tabindex="0">
306
323
  <div class="fr-tabs">
307
324
  <ul class="fr-tabs__list" role="tablist" aria-label="[A modifier | nom du système d'onglet]">
308
325
  <li role="presentation">
309
- <button id="tabpanel-969" class="fr-tabs__tab" tabindex="0" role="tab" aria-selected="true" aria-controls="tabpanel-969-panel">Nested Tab s0</button>
326
+ <button id="tabpanel-966" class="fr-tabs__tab" tabindex="0" role="tab" aria-selected="true" aria-controls="tabpanel-966-panel">Nested Tab s0</button>
310
327
  </li>
311
328
  <li role="presentation">
312
- <button id="tabpanel-970" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-970-panel">Nested Tab s1</button>
329
+ <button id="tabpanel-967" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-967-panel">Nested Tab s1</button>
313
330
  </li>
314
331
  <li role="presentation">
315
- <button id="tabpanel-971" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-971-panel">Nested Tab s2</button>
332
+ <button id="tabpanel-968" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-968-panel">Nested Tab s2</button>
316
333
  </li>
317
334
  </ul>
318
- <div id="tabpanel-969-panel" class="fr-tabs__panel fr-tabs__panel--selected" role="tabpanel" aria-labelledby="tabpanel-969" tabindex="0">
335
+ <div id="tabpanel-966-panel" class="fr-tabs__panel fr-tabs__panel--selected" role="tabpanel" aria-labelledby="tabpanel-966" tabindex="0">
319
336
  <div class="fr-tabs">
320
337
  <ul class="fr-tabs__list" role="tablist" aria-label="[A modifier | nom du système d'onglet]">
321
338
  <li role="presentation">
322
- <button id="tabpanel-960" class="fr-tabs__tab" tabindex="0" role="tab" aria-selected="true" aria-controls="tabpanel-960-panel">Label Tab 1</button>
339
+ <button id="tabpanel-957" class="fr-tabs__tab" tabindex="0" role="tab" aria-selected="true" aria-controls="tabpanel-957-panel">Label Tab 1</button>
323
340
  </li>
324
341
  <li role="presentation">
325
- <button id="tabpanel-961" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-961-panel">Label Tab 2</button>
342
+ <button id="tabpanel-958" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-958-panel">Label Tab 2</button>
326
343
  </li>
327
344
  </ul>
328
- <div id="tabpanel-960-panel" class="fr-tabs__panel fr-tabs__panel--selected" role="tabpanel" aria-labelledby="tabpanel-960" tabindex="0">
345
+ <div id="tabpanel-957-panel" class="fr-tabs__panel fr-tabs__panel--selected" role="tabpanel" aria-labelledby="tabpanel-957" tabindex="0">
329
346
  <!-- données de test -->
330
347
  <div>
331
348
  <h4 class="fr-h4">Contenu 1</h4>
349
+ <img class="fr-responsive-img" src="../../../example/img/placeholder.16x9.png" alt="" />
350
+ <!-- L’alternative de l’image (attribut alt) doit toujours être présente, sa valeur peut-être vide (image n’apportant pas de sens supplémentaire au contexte) ou non (porteuse de texte ou apportant du sens) selon votre contexte -->
332
351
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing, <a href="test" target="_blank">link test</a> incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.</p>
333
352
  <ul>
353
+ <li>list item</li>
334
354
  <li>list item<ul>
335
355
  <li>list item niveau 2</li>
336
356
  <li>list item niveau 2</li>
337
357
  </ul>
338
358
  </li>
339
- <li>list item<ul>
340
- <li>list item niveau 2</li>
341
- <li>list item niveau 2</li>
342
- <li>list item niveau 2</li>
343
- </ul>
344
- </li>
345
- <li>list item<ul>
346
- <li>list item niveau 2</li>
347
- <li>list item niveau 2</li>
348
- <li>list item niveau 2</li>
349
- </ul>
350
- </li>
351
359
  </ul>
352
360
  </div>
353
361
  </div>
354
- <div id="tabpanel-961-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-961" tabindex="0">
362
+ <div id="tabpanel-958-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-958" tabindex="0">
355
363
  <!-- données de test -->
356
364
  <div>
357
365
  <h4 class="fr-h4">Contenu 2</h4>
358
366
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing, <a href="test" target="_blank">link test</a> incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.</p>
359
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing, <a href="test" target="_blank">link test</a> incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.</p>
360
367
  <ul>
361
368
  <li>list item</li>
362
- <li>list item<ul>
363
- <li>list item niveau 2</li>
364
- <li>list item niveau 2</li>
365
- </ul>
366
- </li>
367
- <li>list item<ul>
368
- <li>list item niveau 2</li>
369
- <li>list item niveau 2</li>
370
- <li>list item niveau 2</li>
371
- </ul>
372
- </li>
369
+ <li>list item</li>
373
370
  </ul>
374
371
  </div>
375
372
  </div>
376
373
  </div>
377
374
  </div>
378
- <div id="tabpanel-970-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-970" tabindex="0">
375
+ <div id="tabpanel-967-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-967" tabindex="0">
379
376
  <div class="fr-tabs">
380
377
  <ul class="fr-tabs__list" role="tablist" aria-label="[A modifier | nom du système d'onglet]">
381
378
  <li role="presentation">
382
- <button id="tabpanel-962" class="fr-tabs__tab" tabindex="0" role="tab" aria-selected="true" aria-controls="tabpanel-962-panel">Label Tab 1</button>
379
+ <button id="tabpanel-959" class="fr-tabs__tab" tabindex="0" role="tab" aria-selected="true" aria-controls="tabpanel-959-panel">Label Tab 1</button>
383
380
  </li>
384
381
  <li role="presentation">
385
- <button id="tabpanel-963" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-963-panel">Label Tab 2</button>
382
+ <button id="tabpanel-960" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-960-panel">Label Tab 2</button>
386
383
  </li>
387
384
  <li role="presentation">
388
- <button id="tabpanel-964" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-964-panel">Label Tab 3</button>
385
+ <button id="tabpanel-961" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-961-panel">Label Tab 3</button>
389
386
  </li>
390
387
  </ul>
391
- <div id="tabpanel-962-panel" class="fr-tabs__panel fr-tabs__panel--selected" role="tabpanel" aria-labelledby="tabpanel-962" tabindex="0">
388
+ <div id="tabpanel-959-panel" class="fr-tabs__panel fr-tabs__panel--selected" role="tabpanel" aria-labelledby="tabpanel-959" tabindex="0">
392
389
  <!-- données de test -->
393
390
  <div>
394
391
  <h4 class="fr-h4">Contenu 1</h4>
395
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing, <a href="test" target="_blank">link test</a> incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.</p>
392
+ <img class="fr-responsive-img" src="../../../example/img/placeholder.16x9.png" alt="" />
393
+ <!-- L’alternative de l’image (attribut alt) doit toujours être présente, sa valeur peut-être vide (image n’apportant pas de sens supplémentaire au contexte) ou non (porteuse de texte ou apportant du sens) selon votre contexte -->
396
394
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing, <a href="test" target="_blank">link test</a> incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.</p>
397
395
  <ul>
398
396
  <li>list item</li>
399
397
  <li>list item</li>
400
- <li>list item</li>
401
398
  </ul>
402
399
  </div>
403
400
  </div>
404
- <div id="tabpanel-963-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-963" tabindex="0">
401
+ <div id="tabpanel-960-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-960" tabindex="0">
405
402
  <!-- données de test -->
406
403
  <div>
407
404
  <h4 class="fr-h4">Contenu 2</h4>
@@ -409,20 +406,22 @@
409
406
  <!-- L’alternative de l’image (attribut alt) doit toujours être présente, sa valeur peut-être vide (image n’apportant pas de sens supplémentaire au contexte) ou non (porteuse de texte ou apportant du sens) selon votre contexte -->
410
407
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing, <a href="test" target="_blank">link test</a> incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.</p>
411
408
  <ul>
409
+ <li>list item</li>
412
410
  <li>list item<ul>
413
411
  <li>list item niveau 2</li>
414
412
  <li>list item niveau 2</li>
415
413
  </ul>
416
414
  </li>
417
- <li>list item</li>
418
- <li>list item</li>
419
415
  </ul>
420
416
  </div>
421
417
  </div>
422
- <div id="tabpanel-964-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-964" tabindex="0">
418
+ <div id="tabpanel-961-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-961" tabindex="0">
423
419
  <!-- données de test -->
424
420
  <div>
425
421
  <h4 class="fr-h4">Contenu 3</h4>
422
+ <img class="fr-responsive-img" src="../../../example/img/placeholder.16x9.png" alt="" />
423
+ <!-- L’alternative de l’image (attribut alt) doit toujours être présente, sa valeur peut-être vide (image n’apportant pas de sens supplémentaire au contexte) ou non (porteuse de texte ou apportant du sens) selon votre contexte -->
424
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing, <a href="test" target="_blank">link test</a> incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.</p>
426
425
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing, <a href="test" target="_blank">link test</a> incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.</p>
427
426
  <ul>
428
427
  <li>list item</li>
@@ -432,56 +431,53 @@
432
431
  </div>
433
432
  </div>
434
433
  </div>
435
- <div id="tabpanel-971-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-971" tabindex="0">
434
+ <div id="tabpanel-968-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-968" tabindex="0">
436
435
  <div class="fr-tabs">
437
436
  <ul class="fr-tabs__list" role="tablist" aria-label="[A modifier | nom du système d'onglet]">
438
437
  <li role="presentation">
439
- <button id="tabpanel-965" class="fr-tabs__tab" tabindex="0" role="tab" aria-selected="true" aria-controls="tabpanel-965-panel">Label Tab 1</button>
438
+ <button id="tabpanel-962" class="fr-tabs__tab" tabindex="0" role="tab" aria-selected="true" aria-controls="tabpanel-962-panel">Label Tab 1</button>
440
439
  </li>
441
440
  <li role="presentation">
442
- <button id="tabpanel-966" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-966-panel">Label Tab 2</button>
441
+ <button id="tabpanel-963" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-963-panel">Label Tab 2</button>
443
442
  </li>
444
443
  <li role="presentation">
445
- <button id="tabpanel-967" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-967-panel">Label Tab 3</button>
444
+ <button id="tabpanel-964" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-964-panel">Label Tab 3</button>
446
445
  </li>
447
446
  <li role="presentation">
448
- <button id="tabpanel-968" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-968-panel">Label Tab 4</button>
447
+ <button id="tabpanel-965" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-965-panel">Label Tab 4</button>
449
448
  </li>
450
449
  </ul>
451
- <div id="tabpanel-965-panel" class="fr-tabs__panel fr-tabs__panel--selected" role="tabpanel" aria-labelledby="tabpanel-965" tabindex="0">
450
+ <div id="tabpanel-962-panel" class="fr-tabs__panel fr-tabs__panel--selected" role="tabpanel" aria-labelledby="tabpanel-962" tabindex="0">
452
451
  <!-- données de test -->
453
452
  <div>
454
453
  <h4 class="fr-h4">Contenu 1</h4>
455
- <img class="fr-responsive-img" src="../../../example/img/placeholder.16x9.png" alt="" />
456
- <!-- L’alternative de l’image (attribut alt) doit toujours être présente, sa valeur peut-être vide (image n’apportant pas de sens supplémentaire au contexte) ou non (porteuse de texte ou apportant du sens) selon votre contexte -->
457
454
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing, <a href="test" target="_blank">link test</a> incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.</p>
458
455
  <ul>
456
+ <li>list item</li>
459
457
  <li>list item<ul>
460
458
  <li>list item niveau 2</li>
461
459
  <li>list item niveau 2</li>
460
+ <li>list item niveau 2</li>
462
461
  </ul>
463
462
  </li>
464
463
  <li>list item</li>
465
- <li>list item</li>
466
464
  </ul>
467
465
  </div>
468
466
  </div>
469
- <div id="tabpanel-966-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-966" tabindex="0">
467
+ <div id="tabpanel-963-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-963" tabindex="0">
470
468
  <!-- données de test -->
471
469
  <div>
472
470
  <h4 class="fr-h4">Contenu 2</h4>
473
471
  <img class="fr-responsive-img" src="../../../example/img/placeholder.16x9.png" alt="" />
474
472
  <!-- L’alternative de l’image (attribut alt) doit toujours être présente, sa valeur peut-être vide (image n’apportant pas de sens supplémentaire au contexte) ou non (porteuse de texte ou apportant du sens) selon votre contexte -->
475
473
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing, <a href="test" target="_blank">link test</a> incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.</p>
476
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing, <a href="test" target="_blank">link test</a> incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.</p>
477
474
  <ul>
478
475
  <li>list item</li>
479
476
  <li>list item</li>
480
- <li>list item</li>
481
477
  </ul>
482
478
  </div>
483
479
  </div>
484
- <div id="tabpanel-967-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-967" tabindex="0">
480
+ <div id="tabpanel-964-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-964" tabindex="0">
485
481
  <!-- données de test -->
486
482
  <div>
487
483
  <h4 class="fr-h4">Contenu 3</h4>
@@ -492,21 +488,38 @@
492
488
  <li>list item<ul>
493
489
  <li>list item niveau 2</li>
494
490
  <li>list item niveau 2</li>
491
+ <li>list item niveau 2</li>
495
492
  </ul>
496
493
  </li>
497
494
  <li>list item</li>
498
- <li>list item</li>
499
495
  </ul>
500
496
  </div>
501
497
  </div>
502
- <div id="tabpanel-968-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-968" tabindex="0">
498
+ <div id="tabpanel-965-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-965" tabindex="0">
503
499
  <!-- données de test -->
504
500
  <div>
505
501
  <h4 class="fr-h4">Contenu 4</h4>
502
+ <img class="fr-responsive-img" src="../../../example/img/placeholder.16x9.png" alt="" />
503
+ <!-- L’alternative de l’image (attribut alt) doit toujours être présente, sa valeur peut-être vide (image n’apportant pas de sens supplémentaire au contexte) ou non (porteuse de texte ou apportant du sens) selon votre contexte -->
506
504
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing, <a href="test" target="_blank">link test</a> incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.</p>
507
505
  <ul>
508
- <li>list item</li>
509
- <li>list item</li>
506
+ <li>list item<ul>
507
+ <li>list item niveau 2</li>
508
+ <li>list item niveau 2</li>
509
+ <li>list item niveau 2</li>
510
+ </ul>
511
+ </li>
512
+ <li>list item<ul>
513
+ <li>list item niveau 2</li>
514
+ <li>list item niveau 2</li>
515
+ </ul>
516
+ </li>
517
+ <li>list item<ul>
518
+ <li>list item niveau 2</li>
519
+ <li>list item niveau 2</li>
520
+ <li>list item niveau 2</li>
521
+ </ul>
522
+ </li>
510
523
  </ul>
511
524
  </div>
512
525
  </div>
@@ -514,62 +527,54 @@
514
527
  </div>
515
528
  </div>
516
529
  </div>
517
- <div id="tabpanel-980-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-980" tabindex="0">
530
+ <div id="tabpanel-977-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-977" tabindex="0">
518
531
  <div class="fr-tabs">
519
532
  <ul class="fr-tabs__list" role="tablist" aria-label="[A modifier | nom du système d'onglet]">
520
533
  <li role="presentation">
521
- <button id="tabpanel-977" class="fr-tabs__tab" tabindex="0" role="tab" aria-selected="true" aria-controls="tabpanel-977-panel">Nested Tab s0</button>
534
+ <button id="tabpanel-974" class="fr-tabs__tab" tabindex="0" role="tab" aria-selected="true" aria-controls="tabpanel-974-panel">Nested Tab s0</button>
522
535
  </li>
523
536
  <li role="presentation">
524
- <button id="tabpanel-978" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-978-panel">Nested Tab s1</button>
537
+ <button id="tabpanel-975" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-975-panel">Nested Tab s1</button>
525
538
  </li>
526
539
  </ul>
527
- <div id="tabpanel-977-panel" class="fr-tabs__panel fr-tabs__panel--selected" role="tabpanel" aria-labelledby="tabpanel-977" tabindex="0">
540
+ <div id="tabpanel-974-panel" class="fr-tabs__panel fr-tabs__panel--selected" role="tabpanel" aria-labelledby="tabpanel-974" tabindex="0">
528
541
  <div class="fr-tabs">
529
542
  <ul class="fr-tabs__list" role="tablist" aria-label="[A modifier | nom du système d'onglet]">
530
543
  <li role="presentation">
531
- <button id="tabpanel-972" class="fr-tabs__tab" tabindex="0" role="tab" aria-selected="true" aria-controls="tabpanel-972-panel">Label Tab 1</button>
544
+ <button id="tabpanel-969" class="fr-tabs__tab" tabindex="0" role="tab" aria-selected="true" aria-controls="tabpanel-969-panel">Label Tab 1</button>
532
545
  </li>
533
546
  <li role="presentation">
534
- <button id="tabpanel-973" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-973-panel">Label Tab 2</button>
547
+ <button id="tabpanel-970" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-970-panel">Label Tab 2</button>
535
548
  </li>
536
549
  </ul>
537
- <div id="tabpanel-972-panel" class="fr-tabs__panel fr-tabs__panel--selected" role="tabpanel" aria-labelledby="tabpanel-972" tabindex="0">
550
+ <div id="tabpanel-969-panel" class="fr-tabs__panel fr-tabs__panel--selected" role="tabpanel" aria-labelledby="tabpanel-969" tabindex="0">
538
551
  <!-- données de test -->
539
552
  <div>
540
553
  <h4 class="fr-h4">Contenu 1</h4>
541
554
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing, <a href="test" target="_blank">link test</a> incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.</p>
542
555
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing, <a href="test" target="_blank">link test</a> incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.</p>
543
556
  <ul>
557
+ <li>list item</li>
544
558
  <li>list item<ul>
545
559
  <li>list item niveau 2</li>
546
560
  <li>list item niveau 2</li>
547
561
  <li>list item niveau 2</li>
548
562
  </ul>
549
563
  </li>
550
- <li>list item<ul>
551
- <li>list item niveau 2</li>
552
- <li>list item niveau 2</li>
553
- <li>list item niveau 2</li>
554
- </ul>
555
- </li>
556
- <li>list item</li>
557
564
  </ul>
558
565
  </div>
559
566
  </div>
560
- <div id="tabpanel-973-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-973" tabindex="0">
567
+ <div id="tabpanel-970-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-970" tabindex="0">
561
568
  <!-- données de test -->
562
569
  <div>
563
570
  <h4 class="fr-h4">Contenu 2</h4>
564
571
  <img class="fr-responsive-img" src="../../../example/img/placeholder.16x9.png" alt="" />
565
572
  <!-- L’alternative de l’image (attribut alt) doit toujours être présente, sa valeur peut-être vide (image n’apportant pas de sens supplémentaire au contexte) ou non (porteuse de texte ou apportant du sens) selon votre contexte -->
566
573
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing, <a href="test" target="_blank">link test</a> incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.</p>
567
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing, <a href="test" target="_blank">link test</a> incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.</p>
568
574
  <ul>
569
575
  <li>list item<ul>
570
576
  <li>list item niveau 2</li>
571
577
  <li>list item niveau 2</li>
572
- <li>list item niveau 2</li>
573
578
  </ul>
574
579
  </li>
575
580
  <li>list item<ul>
@@ -578,70 +583,85 @@
578
583
  <li>list item niveau 2</li>
579
584
  </ul>
580
585
  </li>
581
- <li>list item</li>
582
586
  </ul>
583
587
  </div>
584
588
  </div>
585
589
  </div>
586
590
  </div>
587
- <div id="tabpanel-978-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-978" tabindex="0">
591
+ <div id="tabpanel-975-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-975" tabindex="0">
588
592
  <div class="fr-tabs">
589
593
  <ul class="fr-tabs__list" role="tablist" aria-label="[A modifier | nom du système d'onglet]">
590
594
  <li role="presentation">
591
- <button id="tabpanel-974" class="fr-tabs__tab" tabindex="0" role="tab" aria-selected="true" aria-controls="tabpanel-974-panel">Label Tab 1</button>
595
+ <button id="tabpanel-971" class="fr-tabs__tab" tabindex="0" role="tab" aria-selected="true" aria-controls="tabpanel-971-panel">Label Tab 1</button>
592
596
  </li>
593
597
  <li role="presentation">
594
- <button id="tabpanel-975" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-975-panel">Label Tab 2</button>
598
+ <button id="tabpanel-972" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-972-panel">Label Tab 2</button>
595
599
  </li>
596
600
  <li role="presentation">
597
- <button id="tabpanel-976" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-976-panel">Label Tab 3</button>
601
+ <button id="tabpanel-973" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-973-panel">Label Tab 3</button>
598
602
  </li>
599
603
  </ul>
600
- <div id="tabpanel-974-panel" class="fr-tabs__panel fr-tabs__panel--selected" role="tabpanel" aria-labelledby="tabpanel-974" tabindex="0">
604
+ <div id="tabpanel-971-panel" class="fr-tabs__panel fr-tabs__panel--selected" role="tabpanel" aria-labelledby="tabpanel-971" tabindex="0">
601
605
  <!-- données de test -->
602
606
  <div>
603
607
  <h4 class="fr-h4">Contenu 1</h4>
604
608
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing, <a href="test" target="_blank">link test</a> incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.</p>
609
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing, <a href="test" target="_blank">link test</a> incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.</p>
605
610
  <ul>
606
611
  <li>list item</li>
607
612
  <li>list item</li>
608
- <li>list item</li>
613
+ <li>list item<ul>
614
+ <li>list item niveau 2</li>
615
+ <li>list item niveau 2</li>
616
+ <li>list item niveau 2</li>
617
+ </ul>
618
+ </li>
609
619
  </ul>
610
620
  </div>
611
621
  </div>
612
- <div id="tabpanel-975-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-975" tabindex="0">
622
+ <div id="tabpanel-972-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-972" tabindex="0">
613
623
  <!-- données de test -->
614
624
  <div>
615
625
  <h4 class="fr-h4">Contenu 2</h4>
616
626
  <img class="fr-responsive-img" src="../../../example/img/placeholder.16x9.png" alt="" />
617
627
  <!-- L’alternative de l’image (attribut alt) doit toujours être présente, sa valeur peut-être vide (image n’apportant pas de sens supplémentaire au contexte) ou non (porteuse de texte ou apportant du sens) selon votre contexte -->
618
628
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing, <a href="test" target="_blank">link test</a> incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.</p>
629
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing, <a href="test" target="_blank">link test</a> incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.</p>
619
630
  <ul>
620
631
  <li>list item<ul>
621
632
  <li>list item niveau 2</li>
622
633
  <li>list item niveau 2</li>
634
+ <li>list item niveau 2</li>
635
+ </ul>
636
+ </li>
637
+ <li>list item<ul>
638
+ <li>list item niveau 2</li>
639
+ <li>list item niveau 2</li>
640
+ <li>list item niveau 2</li>
641
+ </ul>
642
+ </li>
643
+ <li>list item<ul>
644
+ <li>list item niveau 2</li>
645
+ <li>list item niveau 2</li>
646
+ <li>list item niveau 2</li>
623
647
  </ul>
624
648
  </li>
625
- <li>list item</li>
626
649
  </ul>
627
650
  </div>
628
651
  </div>
629
- <div id="tabpanel-976-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-976" tabindex="0">
652
+ <div id="tabpanel-973-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-973" tabindex="0">
630
653
  <!-- données de test -->
631
654
  <div>
632
655
  <h4 class="fr-h4">Contenu 3</h4>
633
- <img class="fr-responsive-img" src="../../../example/img/placeholder.16x9.png" alt="" />
634
- <!-- L’alternative de l’image (attribut alt) doit toujours être présente, sa valeur peut-être vide (image n’apportant pas de sens supplémentaire au contexte) ou non (porteuse de texte ou apportant du sens) selon votre contexte -->
635
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing, <a href="test" target="_blank">link test</a> incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.</p>
636
656
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing, <a href="test" target="_blank">link test</a> incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.</p>
637
657
  <ul>
638
658
  <li>list item<ul>
639
659
  <li>list item niveau 2</li>
640
660
  <li>list item niveau 2</li>
661
+ <li>list item niveau 2</li>
641
662
  </ul>
642
663
  </li>
643
664
  <li>list item</li>
644
- <li>list item</li>
645
665
  </ul>
646
666
  </div>
647
667
  </div>
@@ -654,153 +674,153 @@
654
674
  <div class="fr-mb-12v">
655
675
  <section class="fr-accordion">
656
676
  <h3 class="fr-accordion__title">
657
- <button class="fr-accordion__btn" aria-expanded="false" aria-controls="snippet-1002">Extrait de code</button>
677
+ <button class="fr-accordion__btn" aria-expanded="false" aria-controls="snippet-999">Extrait de code</button>
658
678
  </h3>
659
- <div class="fr-collapse" id="snippet-1002">
679
+ <div class="fr-collapse" id="snippet-999">
660
680
  <pre class=" language-html"><code>&lt;div class="fr-tabs"&gt;
661
681
  &lt;ul class="fr-tabs__list" role="tablist" aria-label="[A modifier | nom du système d'onglet]"&gt;
662
682
  &lt;li role="presentation"&gt;
663
- &lt;button id="tabpanel-1000" class="fr-tabs__tab" tabindex="0" role="tab" aria-selected="true" aria-controls="tabpanel-1000-panel"&gt;Main Tab 0&lt;/button&gt;
683
+ &lt;button id="tabpanel-997" class="fr-tabs__tab" tabindex="0" role="tab" aria-selected="true" aria-controls="tabpanel-997-panel"&gt;Main Tab 0&lt;/button&gt;
664
684
  &lt;/li&gt;
665
685
  &lt;li role="presentation"&gt;
666
- &lt;button id="tabpanel-1001" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-1001-panel"&gt;Main Tab 1&lt;/button&gt;
686
+ &lt;button id="tabpanel-998" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-998-panel"&gt;Main Tab 1&lt;/button&gt;
667
687
  &lt;/li&gt;
668
688
  &lt;/ul&gt;
669
- &lt;div id="tabpanel-1000-panel" class="fr-tabs__panel fr-tabs__panel--selected" role="tabpanel" aria-labelledby="tabpanel-1000" tabindex="0"&gt;
689
+ &lt;div id="tabpanel-997-panel" class="fr-tabs__panel fr-tabs__panel--selected" role="tabpanel" aria-labelledby="tabpanel-997" tabindex="0"&gt;
670
690
  &lt;div class="fr-tabs"&gt;
671
691
  &lt;ul class="fr-tabs__list" role="tablist" aria-label="[A modifier | nom du système d'onglet]"&gt;
672
692
  &lt;li role="presentation"&gt;
673
- &lt;button id="tabpanel-990" class="fr-tabs__tab" tabindex="0" role="tab" aria-selected="true" aria-controls="tabpanel-990-panel"&gt;Nested Tab s0&lt;/button&gt;
693
+ &lt;button id="tabpanel-987" class="fr-tabs__tab" tabindex="0" role="tab" aria-selected="true" aria-controls="tabpanel-987-panel"&gt;Nested Tab s0&lt;/button&gt;
674
694
  &lt;/li&gt;
675
695
  &lt;li role="presentation"&gt;
676
- &lt;button id="tabpanel-991" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-991-panel"&gt;Nested Tab s1&lt;/button&gt;
696
+ &lt;button id="tabpanel-988" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-988-panel"&gt;Nested Tab s1&lt;/button&gt;
677
697
  &lt;/li&gt;
678
698
  &lt;li role="presentation"&gt;
679
- &lt;button id="tabpanel-992" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-992-panel"&gt;Nested Tab s2&lt;/button&gt;
699
+ &lt;button id="tabpanel-989" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-989-panel"&gt;Nested Tab s2&lt;/button&gt;
680
700
  &lt;/li&gt;
681
701
  &lt;/ul&gt;
682
- &lt;div id="tabpanel-990-panel" class="fr-tabs__panel fr-tabs__panel--selected" role="tabpanel" aria-labelledby="tabpanel-990" tabindex="0"&gt;
702
+ &lt;div id="tabpanel-987-panel" class="fr-tabs__panel fr-tabs__panel--selected" role="tabpanel" aria-labelledby="tabpanel-987" tabindex="0"&gt;
683
703
  &lt;div class="fr-tabs"&gt;
684
704
  &lt;ul class="fr-tabs__list" role="tablist" aria-label="[A modifier | nom du système d'onglet]"&gt;
685
705
  &lt;li role="presentation"&gt;
686
- &lt;button id="tabpanel-981" class="fr-tabs__tab" tabindex="0" role="tab" aria-selected="true" aria-controls="tabpanel-981-panel"&gt;Label Tab 1&lt;/button&gt;
706
+ &lt;button id="tabpanel-978" class="fr-tabs__tab" tabindex="0" role="tab" aria-selected="true" aria-controls="tabpanel-978-panel"&gt;Label Tab 1&lt;/button&gt;
687
707
  &lt;/li&gt;
688
708
  &lt;li role="presentation"&gt;
689
- &lt;button id="tabpanel-982" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-982-panel"&gt;Label Tab 2&lt;/button&gt;
709
+ &lt;button id="tabpanel-979" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-979-panel"&gt;Label Tab 2&lt;/button&gt;
690
710
  &lt;/li&gt;
691
711
  &lt;/ul&gt;
692
- &lt;div id="tabpanel-981-panel" class="fr-tabs__panel fr-tabs__panel--selected" role="tabpanel" aria-labelledby="tabpanel-981" tabindex="0"&gt;
712
+ &lt;div id="tabpanel-978-panel" class="fr-tabs__panel fr-tabs__panel--selected" role="tabpanel" aria-labelledby="tabpanel-978" tabindex="0"&gt;
693
713
  &lt;!-- données de test --&gt;
694
714
  &lt;/div&gt;
695
- &lt;div id="tabpanel-982-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-982" tabindex="0"&gt;
715
+ &lt;div id="tabpanel-979-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-979" tabindex="0"&gt;
696
716
  &lt;!-- données de test --&gt;
697
717
  &lt;/div&gt;
698
718
  &lt;/div&gt;
699
719
  &lt;/div&gt;
700
- &lt;div id="tabpanel-991-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-991" tabindex="0"&gt;
720
+ &lt;div id="tabpanel-988-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-988" tabindex="0"&gt;
701
721
  &lt;div class="fr-tabs"&gt;
702
722
  &lt;ul class="fr-tabs__list" role="tablist" aria-label="[A modifier | nom du système d'onglet]"&gt;
703
723
  &lt;li role="presentation"&gt;
704
- &lt;button id="tabpanel-983" class="fr-tabs__tab" tabindex="0" role="tab" aria-selected="true" aria-controls="tabpanel-983-panel"&gt;Label Tab 1&lt;/button&gt;
724
+ &lt;button id="tabpanel-980" class="fr-tabs__tab" tabindex="0" role="tab" aria-selected="true" aria-controls="tabpanel-980-panel"&gt;Label Tab 1&lt;/button&gt;
705
725
  &lt;/li&gt;
706
726
  &lt;li role="presentation"&gt;
707
- &lt;button id="tabpanel-984" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-984-panel"&gt;Label Tab 2&lt;/button&gt;
727
+ &lt;button id="tabpanel-981" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-981-panel"&gt;Label Tab 2&lt;/button&gt;
708
728
  &lt;/li&gt;
709
729
  &lt;li role="presentation"&gt;
710
- &lt;button id="tabpanel-985" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-985-panel"&gt;Label Tab 3&lt;/button&gt;
730
+ &lt;button id="tabpanel-982" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-982-panel"&gt;Label Tab 3&lt;/button&gt;
711
731
  &lt;/li&gt;
712
732
  &lt;/ul&gt;
713
- &lt;div id="tabpanel-983-panel" class="fr-tabs__panel fr-tabs__panel--selected" role="tabpanel" aria-labelledby="tabpanel-983" tabindex="0"&gt;
733
+ &lt;div id="tabpanel-980-panel" class="fr-tabs__panel fr-tabs__panel--selected" role="tabpanel" aria-labelledby="tabpanel-980" tabindex="0"&gt;
714
734
  &lt;!-- données de test --&gt;
715
735
  &lt;/div&gt;
716
- &lt;div id="tabpanel-984-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-984" tabindex="0"&gt;
736
+ &lt;div id="tabpanel-981-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-981" tabindex="0"&gt;
717
737
  &lt;!-- données de test --&gt;
718
738
  &lt;/div&gt;
719
- &lt;div id="tabpanel-985-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-985" tabindex="0"&gt;
739
+ &lt;div id="tabpanel-982-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-982" tabindex="0"&gt;
720
740
  &lt;!-- données de test --&gt;
721
741
  &lt;/div&gt;
722
742
  &lt;/div&gt;
723
743
  &lt;/div&gt;
724
- &lt;div id="tabpanel-992-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-992" tabindex="0"&gt;
744
+ &lt;div id="tabpanel-989-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-989" tabindex="0"&gt;
725
745
  &lt;div class="fr-tabs"&gt;
726
746
  &lt;ul class="fr-tabs__list" role="tablist" aria-label="[A modifier | nom du système d'onglet]"&gt;
727
747
  &lt;li role="presentation"&gt;
728
- &lt;button id="tabpanel-986" class="fr-tabs__tab" tabindex="0" role="tab" aria-selected="true" aria-controls="tabpanel-986-panel"&gt;Label Tab 1&lt;/button&gt;
748
+ &lt;button id="tabpanel-983" class="fr-tabs__tab" tabindex="0" role="tab" aria-selected="true" aria-controls="tabpanel-983-panel"&gt;Label Tab 1&lt;/button&gt;
729
749
  &lt;/li&gt;
730
750
  &lt;li role="presentation"&gt;
731
- &lt;button id="tabpanel-987" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-987-panel"&gt;Label Tab 2&lt;/button&gt;
751
+ &lt;button id="tabpanel-984" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-984-panel"&gt;Label Tab 2&lt;/button&gt;
732
752
  &lt;/li&gt;
733
753
  &lt;li role="presentation"&gt;
734
- &lt;button id="tabpanel-988" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-988-panel"&gt;Label Tab 3&lt;/button&gt;
754
+ &lt;button id="tabpanel-985" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-985-panel"&gt;Label Tab 3&lt;/button&gt;
735
755
  &lt;/li&gt;
736
756
  &lt;li role="presentation"&gt;
737
- &lt;button id="tabpanel-989" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-989-panel"&gt;Label Tab 4&lt;/button&gt;
757
+ &lt;button id="tabpanel-986" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-986-panel"&gt;Label Tab 4&lt;/button&gt;
738
758
  &lt;/li&gt;
739
759
  &lt;/ul&gt;
740
- &lt;div id="tabpanel-986-panel" class="fr-tabs__panel fr-tabs__panel--selected" role="tabpanel" aria-labelledby="tabpanel-986" tabindex="0"&gt;
760
+ &lt;div id="tabpanel-983-panel" class="fr-tabs__panel fr-tabs__panel--selected" role="tabpanel" aria-labelledby="tabpanel-983" tabindex="0"&gt;
741
761
  &lt;!-- données de test --&gt;
742
762
  &lt;/div&gt;
743
- &lt;div id="tabpanel-987-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-987" tabindex="0"&gt;
763
+ &lt;div id="tabpanel-984-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-984" tabindex="0"&gt;
744
764
  &lt;!-- données de test --&gt;
745
765
  &lt;/div&gt;
746
- &lt;div id="tabpanel-988-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-988" tabindex="0"&gt;
766
+ &lt;div id="tabpanel-985-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-985" tabindex="0"&gt;
747
767
  &lt;!-- données de test --&gt;
748
768
  &lt;/div&gt;
749
- &lt;div id="tabpanel-989-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-989" tabindex="0"&gt;
769
+ &lt;div id="tabpanel-986-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-986" tabindex="0"&gt;
750
770
  &lt;!-- données de test --&gt;
751
771
  &lt;/div&gt;
752
772
  &lt;/div&gt;
753
773
  &lt;/div&gt;
754
774
  &lt;/div&gt;
755
775
  &lt;/div&gt;
756
- &lt;div id="tabpanel-1001-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-1001" tabindex="0"&gt;
776
+ &lt;div id="tabpanel-998-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-998" tabindex="0"&gt;
757
777
  &lt;div class="fr-tabs"&gt;
758
778
  &lt;ul class="fr-tabs__list" role="tablist" aria-label="[A modifier | nom du système d'onglet]"&gt;
759
779
  &lt;li role="presentation"&gt;
760
- &lt;button id="tabpanel-998" class="fr-tabs__tab" tabindex="0" role="tab" aria-selected="true" aria-controls="tabpanel-998-panel"&gt;Nested Tab s0&lt;/button&gt;
780
+ &lt;button id="tabpanel-995" class="fr-tabs__tab" tabindex="0" role="tab" aria-selected="true" aria-controls="tabpanel-995-panel"&gt;Nested Tab s0&lt;/button&gt;
761
781
  &lt;/li&gt;
762
782
  &lt;li role="presentation"&gt;
763
- &lt;button id="tabpanel-999" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-999-panel"&gt;Nested Tab s1&lt;/button&gt;
783
+ &lt;button id="tabpanel-996" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-996-panel"&gt;Nested Tab s1&lt;/button&gt;
764
784
  &lt;/li&gt;
765
785
  &lt;/ul&gt;
766
- &lt;div id="tabpanel-998-panel" class="fr-tabs__panel fr-tabs__panel--selected" role="tabpanel" aria-labelledby="tabpanel-998" tabindex="0"&gt;
786
+ &lt;div id="tabpanel-995-panel" class="fr-tabs__panel fr-tabs__panel--selected" role="tabpanel" aria-labelledby="tabpanel-995" tabindex="0"&gt;
767
787
  &lt;div class="fr-tabs"&gt;
768
788
  &lt;ul class="fr-tabs__list" role="tablist" aria-label="[A modifier | nom du système d'onglet]"&gt;
769
789
  &lt;li role="presentation"&gt;
770
- &lt;button id="tabpanel-993" class="fr-tabs__tab" tabindex="0" role="tab" aria-selected="true" aria-controls="tabpanel-993-panel"&gt;Label Tab 1&lt;/button&gt;
790
+ &lt;button id="tabpanel-990" class="fr-tabs__tab" tabindex="0" role="tab" aria-selected="true" aria-controls="tabpanel-990-panel"&gt;Label Tab 1&lt;/button&gt;
771
791
  &lt;/li&gt;
772
792
  &lt;li role="presentation"&gt;
773
- &lt;button id="tabpanel-994" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-994-panel"&gt;Label Tab 2&lt;/button&gt;
793
+ &lt;button id="tabpanel-991" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-991-panel"&gt;Label Tab 2&lt;/button&gt;
774
794
  &lt;/li&gt;
775
795
  &lt;/ul&gt;
776
- &lt;div id="tabpanel-993-panel" class="fr-tabs__panel fr-tabs__panel--selected" role="tabpanel" aria-labelledby="tabpanel-993" tabindex="0"&gt;
796
+ &lt;div id="tabpanel-990-panel" class="fr-tabs__panel fr-tabs__panel--selected" role="tabpanel" aria-labelledby="tabpanel-990" tabindex="0"&gt;
777
797
  &lt;!-- données de test --&gt;
778
798
  &lt;/div&gt;
779
- &lt;div id="tabpanel-994-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-994" tabindex="0"&gt;
799
+ &lt;div id="tabpanel-991-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-991" tabindex="0"&gt;
780
800
  &lt;!-- données de test --&gt;
781
801
  &lt;/div&gt;
782
802
  &lt;/div&gt;
783
803
  &lt;/div&gt;
784
- &lt;div id="tabpanel-999-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-999" tabindex="0"&gt;
804
+ &lt;div id="tabpanel-996-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-996" tabindex="0"&gt;
785
805
  &lt;div class="fr-tabs"&gt;
786
806
  &lt;ul class="fr-tabs__list" role="tablist" aria-label="[A modifier | nom du système d'onglet]"&gt;
787
807
  &lt;li role="presentation"&gt;
788
- &lt;button id="tabpanel-995" class="fr-tabs__tab" tabindex="0" role="tab" aria-selected="true" aria-controls="tabpanel-995-panel"&gt;Label Tab 1&lt;/button&gt;
808
+ &lt;button id="tabpanel-992" class="fr-tabs__tab" tabindex="0" role="tab" aria-selected="true" aria-controls="tabpanel-992-panel"&gt;Label Tab 1&lt;/button&gt;
789
809
  &lt;/li&gt;
790
810
  &lt;li role="presentation"&gt;
791
- &lt;button id="tabpanel-996" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-996-panel"&gt;Label Tab 2&lt;/button&gt;
811
+ &lt;button id="tabpanel-993" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-993-panel"&gt;Label Tab 2&lt;/button&gt;
792
812
  &lt;/li&gt;
793
813
  &lt;li role="presentation"&gt;
794
- &lt;button id="tabpanel-997" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-997-panel"&gt;Label Tab 3&lt;/button&gt;
814
+ &lt;button id="tabpanel-994" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-994-panel"&gt;Label Tab 3&lt;/button&gt;
795
815
  &lt;/li&gt;
796
816
  &lt;/ul&gt;
797
- &lt;div id="tabpanel-995-panel" class="fr-tabs__panel fr-tabs__panel--selected" role="tabpanel" aria-labelledby="tabpanel-995" tabindex="0"&gt;
817
+ &lt;div id="tabpanel-992-panel" class="fr-tabs__panel fr-tabs__panel--selected" role="tabpanel" aria-labelledby="tabpanel-992" tabindex="0"&gt;
798
818
  &lt;!-- données de test --&gt;
799
819
  &lt;/div&gt;
800
- &lt;div id="tabpanel-996-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-996" tabindex="0"&gt;
820
+ &lt;div id="tabpanel-993-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-993" tabindex="0"&gt;
801
821
  &lt;!-- données de test --&gt;
802
822
  &lt;/div&gt;
803
- &lt;div id="tabpanel-997-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-997" tabindex="0"&gt;
823
+ &lt;div id="tabpanel-994-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-994" tabindex="0"&gt;
804
824
  &lt;!-- données de test --&gt;
805
825
  &lt;/div&gt;
806
826
  &lt;/div&gt;
@@ -817,18 +837,18 @@
817
837
  <div class="fr-tabs">
818
838
  <ul class="fr-tabs__list" role="tablist" aria-label="[A modifier | nom du système d'onglet]">
819
839
  <li role="presentation">
820
- <button id="tabpanel-1005" class="fr-tabs__tab" tabindex="0" role="tab" aria-selected="true" aria-controls="tabpanel-1005-panel">Label Tab 1</button>
840
+ <button id="tabpanel-1002" class="fr-tabs__tab" tabindex="0" role="tab" aria-selected="true" aria-controls="tabpanel-1002-panel">Label Tab 1</button>
821
841
  </li>
822
842
  <li role="presentation">
823
- <button id="tabpanel-1006" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-1006-panel">Label Tab 2</button>
843
+ <button id="tabpanel-1003" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-1003-panel">Label Tab 2</button>
824
844
  </li>
825
845
  </ul>
826
- <div id="tabpanel-1005-panel" class="fr-tabs__panel fr-tabs__panel--selected" role="tabpanel" aria-labelledby="tabpanel-1005" tabindex="0">
846
+ <div id="tabpanel-1002-panel" class="fr-tabs__panel fr-tabs__panel--selected" role="tabpanel" aria-labelledby="tabpanel-1002" tabindex="0">
827
847
  <section class="fr-accordion">
828
848
  <h3 class="fr-accordion__title">
829
- <button class="fr-accordion__btn" aria-expanded="false" aria-controls="accordion-1003">Intitulé accordéon</button>
849
+ <button class="fr-accordion__btn" aria-expanded="false" aria-controls="accordion-1000">Intitulé accordéon</button>
830
850
  </h3>
831
- <div class="fr-collapse" id="accordion-1003">
851
+ <div class="fr-collapse" id="accordion-1000">
832
852
  <!-- données de test -->
833
853
  <div>
834
854
  <h4 class="fr-h4">Contenu </h4>
@@ -839,20 +859,22 @@
839
859
  <li>list item<ul>
840
860
  <li>list item niveau 2</li>
841
861
  <li>list item niveau 2</li>
862
+ <li>list item niveau 2</li>
842
863
  </ul>
843
864
  </li>
844
865
  <li>list item</li>
866
+ <li>list item</li>
845
867
  </ul>
846
868
  </div>
847
869
  </div>
848
870
  </section>
849
871
  </div>
850
- <div id="tabpanel-1006-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-1006" tabindex="0">
872
+ <div id="tabpanel-1003-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-1003" tabindex="0">
851
873
  <section class="fr-accordion">
852
874
  <h3 class="fr-accordion__title">
853
- <button class="fr-accordion__btn" aria-expanded="false" aria-controls="accordion-1004">Intitulé accordéon</button>
875
+ <button class="fr-accordion__btn" aria-expanded="false" aria-controls="accordion-1001">Intitulé accordéon</button>
854
876
  </h3>
855
- <div class="fr-collapse" id="accordion-1004">
877
+ <div class="fr-collapse" id="accordion-1001">
856
878
  <!-- données de test -->
857
879
  <div>
858
880
  <h4 class="fr-h4">Contenu </h4>
@@ -865,7 +887,6 @@
865
887
  <li>list item<ul>
866
888
  <li>list item niveau 2</li>
867
889
  <li>list item niveau 2</li>
868
- <li>list item niveau 2</li>
869
890
  </ul>
870
891
  </li>
871
892
  </ul>
@@ -878,34 +899,34 @@
878
899
  <div class="fr-mb-12v">
879
900
  <section class="fr-accordion">
880
901
  <h3 class="fr-accordion__title">
881
- <button class="fr-accordion__btn" aria-expanded="false" aria-controls="snippet-1011">Extrait de code</button>
902
+ <button class="fr-accordion__btn" aria-expanded="false" aria-controls="snippet-1008">Extrait de code</button>
882
903
  </h3>
883
- <div class="fr-collapse" id="snippet-1011">
904
+ <div class="fr-collapse" id="snippet-1008">
884
905
  <pre class=" language-html"><code>&lt;div class="fr-tabs"&gt;
885
906
  &lt;ul class="fr-tabs__list" role="tablist" aria-label="[A modifier | nom du système d'onglet]"&gt;
886
907
  &lt;li role="presentation"&gt;
887
- &lt;button id="tabpanel-1009" class="fr-tabs__tab" tabindex="0" role="tab" aria-selected="true" aria-controls="tabpanel-1009-panel"&gt;Label Tab 1&lt;/button&gt;
908
+ &lt;button id="tabpanel-1006" class="fr-tabs__tab" tabindex="0" role="tab" aria-selected="true" aria-controls="tabpanel-1006-panel"&gt;Label Tab 1&lt;/button&gt;
888
909
  &lt;/li&gt;
889
910
  &lt;li role="presentation"&gt;
890
- &lt;button id="tabpanel-1010" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-1010-panel"&gt;Label Tab 2&lt;/button&gt;
911
+ &lt;button id="tabpanel-1007" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-1007-panel"&gt;Label Tab 2&lt;/button&gt;
891
912
  &lt;/li&gt;
892
913
  &lt;/ul&gt;
893
- &lt;div id="tabpanel-1009-panel" class="fr-tabs__panel fr-tabs__panel--selected" role="tabpanel" aria-labelledby="tabpanel-1009" tabindex="0"&gt;
914
+ &lt;div id="tabpanel-1006-panel" class="fr-tabs__panel fr-tabs__panel--selected" role="tabpanel" aria-labelledby="tabpanel-1006" tabindex="0"&gt;
894
915
  &lt;section class="fr-accordion"&gt;
895
916
  &lt;h3 class="fr-accordion__title"&gt;
896
- &lt;button class="fr-accordion__btn" aria-expanded="false" aria-controls="accordion-1007"&gt;Intitulé accordéon&lt;/button&gt;
917
+ &lt;button class="fr-accordion__btn" aria-expanded="false" aria-controls="accordion-1004"&gt;Intitulé accordéon&lt;/button&gt;
897
918
  &lt;/h3&gt;
898
- &lt;div class="fr-collapse" id="accordion-1007"&gt;
919
+ &lt;div class="fr-collapse" id="accordion-1004"&gt;
899
920
  &lt;!-- données de test --&gt;
900
921
  &lt;/div&gt;
901
922
  &lt;/section&gt;
902
923
  &lt;/div&gt;
903
- &lt;div id="tabpanel-1010-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-1010" tabindex="0"&gt;
924
+ &lt;div id="tabpanel-1007-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-1007" tabindex="0"&gt;
904
925
  &lt;section class="fr-accordion"&gt;
905
926
  &lt;h3 class="fr-accordion__title"&gt;
906
- &lt;button class="fr-accordion__btn" aria-expanded="false" aria-controls="accordion-1008"&gt;Intitulé accordéon&lt;/button&gt;
927
+ &lt;button class="fr-accordion__btn" aria-expanded="false" aria-controls="accordion-1005"&gt;Intitulé accordéon&lt;/button&gt;
907
928
  &lt;/h3&gt;
908
- &lt;div class="fr-collapse" id="accordion-1008"&gt;
929
+ &lt;div class="fr-collapse" id="accordion-1005"&gt;
909
930
  &lt;!-- données de test --&gt;
910
931
  &lt;/div&gt;
911
932
  &lt;/section&gt;
@@ -920,13 +941,13 @@
920
941
  <div class="fr-tabs fr-tabs--viewport-width">
921
942
  <ul class="fr-tabs__list" role="tablist" aria-label="[A modifier | nom du système d'onglet]">
922
943
  <li role="presentation">
923
- <button id="tabpanel-1012" class="fr-tabs__tab" tabindex="0" role="tab" aria-selected="true" aria-controls="tabpanel-1012-panel">Label Tab 1</button>
944
+ <button id="tabpanel-1009" class="fr-tabs__tab" tabindex="0" role="tab" aria-selected="true" aria-controls="tabpanel-1009-panel">Label Tab 1</button>
924
945
  </li>
925
946
  <li role="presentation">
926
- <button id="tabpanel-1013" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-1013-panel">Label Tab 2</button>
947
+ <button id="tabpanel-1010" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-1010-panel">Label Tab 2</button>
927
948
  </li>
928
949
  </ul>
929
- <div id="tabpanel-1012-panel" class="fr-tabs__panel fr-tabs__panel--selected" role="tabpanel" aria-labelledby="tabpanel-1012" tabindex="0">
950
+ <div id="tabpanel-1009-panel" class="fr-tabs__panel fr-tabs__panel--selected" role="tabpanel" aria-labelledby="tabpanel-1009" tabindex="0">
930
951
  <!-- données de test -->
931
952
  <div>
932
953
  <h4 class="fr-h4">Contenu 1</h4>
@@ -935,43 +956,20 @@
935
956
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing, <a href="test" target="_blank">link test</a> incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.</p>
936
957
  <ul>
937
958
  <li>list item</li>
938
- <li>list item<ul>
939
- <li>list item niveau 2</li>
940
- <li>list item niveau 2</li>
941
- <li>list item niveau 2</li>
942
- </ul>
943
- </li>
944
- <li>list item<ul>
945
- <li>list item niveau 2</li>
946
- <li>list item niveau 2</li>
947
- <li>list item niveau 2</li>
948
- </ul>
949
- </li>
959
+ <li>list item</li>
950
960
  </ul>
951
961
  </div>
952
962
  </div>
953
- <div id="tabpanel-1013-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-1013" tabindex="0">
963
+ <div id="tabpanel-1010-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-1010" tabindex="0">
954
964
  <!-- données de test -->
955
965
  <div>
956
966
  <h4 class="fr-h4">Contenu 2</h4>
957
967
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing, <a href="test" target="_blank">link test</a> incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.</p>
968
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing, <a href="test" target="_blank">link test</a> incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.</p>
958
969
  <ul>
959
- <li>list item<ul>
960
- <li>list item niveau 2</li>
961
- <li>list item niveau 2</li>
962
- </ul>
963
- </li>
964
- <li>list item<ul>
965
- <li>list item niveau 2</li>
966
- <li>list item niveau 2</li>
967
- </ul>
968
- </li>
969
- <li>list item<ul>
970
- <li>list item niveau 2</li>
971
- <li>list item niveau 2</li>
972
- <li>list item niveau 2</li>
973
- </ul>
974
- </li>
970
+ <li>list item</li>
971
+ <li>list item</li>
972
+ <li>list item</li>
975
973
  </ul>
976
974
  </div>
977
975
  </div>
@@ -980,22 +978,22 @@
980
978
  <div class="fr-mb-12v">
981
979
  <section class="fr-accordion">
982
980
  <h3 class="fr-accordion__title">
983
- <button class="fr-accordion__btn" aria-expanded="false" aria-controls="snippet-1016">Extrait de code</button>
981
+ <button class="fr-accordion__btn" aria-expanded="false" aria-controls="snippet-1013">Extrait de code</button>
984
982
  </h3>
985
- <div class="fr-collapse" id="snippet-1016">
983
+ <div class="fr-collapse" id="snippet-1013">
986
984
  <pre class=" language-html"><code>&lt;div class="fr-tabs fr-tabs--viewport-width"&gt;
987
985
  &lt;ul class="fr-tabs__list" role="tablist" aria-label="[A modifier | nom du système d'onglet]"&gt;
988
986
  &lt;li role="presentation"&gt;
989
- &lt;button id="tabpanel-1014" class="fr-tabs__tab" tabindex="0" role="tab" aria-selected="true" aria-controls="tabpanel-1014-panel"&gt;Label Tab 1&lt;/button&gt;
987
+ &lt;button id="tabpanel-1011" class="fr-tabs__tab" tabindex="0" role="tab" aria-selected="true" aria-controls="tabpanel-1011-panel"&gt;Label Tab 1&lt;/button&gt;
990
988
  &lt;/li&gt;
991
989
  &lt;li role="presentation"&gt;
992
- &lt;button id="tabpanel-1015" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-1015-panel"&gt;Label Tab 2&lt;/button&gt;
990
+ &lt;button id="tabpanel-1012" class="fr-tabs__tab" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-1012-panel"&gt;Label Tab 2&lt;/button&gt;
993
991
  &lt;/li&gt;
994
992
  &lt;/ul&gt;
995
- &lt;div id="tabpanel-1014-panel" class="fr-tabs__panel fr-tabs__panel--selected" role="tabpanel" aria-labelledby="tabpanel-1014" tabindex="0"&gt;
993
+ &lt;div id="tabpanel-1011-panel" class="fr-tabs__panel fr-tabs__panel--selected" role="tabpanel" aria-labelledby="tabpanel-1011" tabindex="0"&gt;
996
994
  &lt;!-- données de test --&gt;
997
995
  &lt;/div&gt;
998
- &lt;div id="tabpanel-1015-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-1015" tabindex="0"&gt;
996
+ &lt;div id="tabpanel-1012-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-1012" tabindex="0"&gt;
999
997
  &lt;!-- données de test --&gt;
1000
998
  &lt;/div&gt;
1001
999
  &lt;/div&gt;