templates/tree/list-invasive.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}
  4. Liste des espèces éligibles
  5. {% endblock %}
  7. {% block body %}
  8. <div class="banner is-invasive-species d-flex align-items-center justify-content-center">
  9. <div class="container-fluid">
  10. <h1 class="banner-title text-white">
  11. <strong>
  12. Les espèces
  13. <br>
  14. interdites
  15. </strong>
  16. </h1>
  17. </div>
  18. </div>
  19. <div class="container my-5">
  20. <p class="my-5 text-center text-uppercase bold-dark-green-title">
  21. <strong>Qu’est-ce qu’une EEE (Espèce Exotique Envahissante)?</strong>
  22. </p>
  23. <p class="h5 text-center mx-5 paragraph-line-spacing">
  24. En arrivant sur l’île, l’Homme ramène avec lui des espèces (faune ou flore) venues d’ailleurs. Celles-ci
  25. peuvent être introduites volontairement (pour leur beauté, leur utilité, leur commerce etc.) ou
  26. involontairement (en passant inaperçu sur les bateaux par exemple). On parle d’espèces exotiques.
  27. Les exemples d’espèces exotiques sont nombreux : le letchi, le choka, le goyavier, le tulipier du Gabon,
  28. le chat, le merle Maurice, etc.
  29. </p>
  30. <p class="text-center bold-dark-green-title" style="font-size: 20px">
  31. Deux catégories se distinguent :
  32. </p>
  34. <div class="row justify-content-center">
  35. <div class="col-lg-4 text-center">
  36. <img src="{{ asset('build/images/invasive_species_1.png') }}">
  37. <p class="bold-dark-green-title" style="font-size: 22px">
  38. Les espèces exotiques envahissantes
  39. </p>
  40. <p class="paragraph-line-spacing">
  41. Ces espèces possèdent toutes les caractéristiques pour coloniser
  42. un habitat et dominer les espèces indigènes (croissance rapide, attractivité des fleurs et des
  43. fruits,
  44. production de fruit et germination abondante) pouvant ainsi perturber les interactions biologiques
  45. dans les
  46. forêts naturelles et entrainer la disparition de ces espèces indigènes. De nombreuses espèces
  47. exotiques
  48. envahissantes sont déjà très présentes dans les forêts réunionnaises.
  49. </p>
  50. </div>
  51. <div class="col-lg-4 text-center">
  52. <img src="{{ asset('build/images/invasive_species_2.png') }}">
  53. <p class="bold-dark-green-title" style="font-size: 22px">
  54. Les espèces exotiques potentiellement envahissantes
  55. </p>
  56. <p class="paragraph-line-spacing">
  57. Une espèce exotique est considérée comme
  58. potentiellement envahissante lorsqu’elle est connue pour être invasive sur d’autres territoires
  59. ayant des
  60. caractéristiques climatiques et écologiques similaires au territoire d’introduction.
  61. </p>
  62. </div>
  63. </div>
  64. </div>
  66. <div class="banner is-invasive-species-block-1">
  67. <div class="container h-100">
  68. <div class="d-flex h-100 align-items-center text-white">
  69. <p class="text-center">
  70. Une espèce exotique envahissante ou invasive est une espèce non indigène et introduite
  71. volontairement ou non par l’Homme et dont l’implantation et la propagation menacent les
  72. écosystèmes, les habitats ou les espèces indigènes avec des conséquences écologiques et/ou
  73. économiques et/ou sanitaires négatives.
  74. </p>
  75. </div>
  76. </div>
  77. </div>
  79. <div class="container-fluid my-5">
  80. <div class="row justify-content-center">
  81. <p class="my-5 text-center text-uppercase bold-dark-green-title">
  82. <strong>Pourquoi lutter contre les espèces exotiques envahissantes ?</strong>
  83. </p>
  84. <div class="col-lg-8">
  85. <p class="h5 text-center mx-5 paragraph-line-spacing">
  86. Les espèces exotiques envahissantes, en se multipliant rapidement et en accaparant les ressources
  87. d’autres
  88. espèces, menacent gravement les écosystèmes réunionnais. Elles constituent d’ailleurs la cause
  89. principale de
  90. perte de biodiversité à la Réunion ! Certaines, particulièrement problématiques, ont été interdites
  91. par
  92. arrêté ministériel (2019).
  93. </p>
  94. </div>
  95. </div>
  97. <div class="row justify-content-center">
  98. <div class="col-xl-3 col-lg-12 me-2">
  99. <div class="card" style="margin-top: 150px">
  100. <div class="card-body shadow-sm">
  101. <img class="d-flex mx-auto"
  102. src="{{ asset('build/images/rat.png') }}" alt="..." style="height: 200px; width: 200px; margin-top: -125px">
  103. <p style="margin: 2%" class="paragraph-line-spacing text-center pt-5 pt-lg-0">
  104. <strong class="bold-dark-green-title p-0" style="font-size: 22px"> Un exemple de faune
  105. envahissante :</strong> <b>les rats</b>
  106. , qui sont
  107. des espèces exotiques envahissantes très problématique. Les rats, en consommant les œufs des
  108. oiseaux
  109. forestiers et marins de La Réunion constituent une menace sérieuse notamment pour des
  110. espèces déjà très
  111. menacées comme le Tuit-Tuit, le Pétrel de Barau et de Pétrel noir de Bourbon. A cela
  112. s’ajoute les
  113. impacts sanitaires (leptospirose) et économiques négatifs liés à la prolifération de cette
  114. espèce.
  115. </p>
  116. </div>
  117. </div>
  118. </div>
  119. <div class="col-xl-3 col-lg-12 ms-2">
  120. <div class="card" style="margin-top: 150px">
  121. <div class="card-body shadow-sm">
  122. <img class="d-flex mx-auto" style="height: 200px; width: 200px; margin-top: -125px"
  123. src="{{ asset('build/images/laitue.png') }}" alt="...">
  124. <p style="margin: 2%" class="paragraph-line-spacing text-center pt-5 pt-lg-0">
  125. <strong class="bold-dark-green-title p-0" style="font-size: 22px"> Un exemple de flore
  126. envahissante :</strong> <b>la laitue d’eau</b>
  127. est une espèce exotique envahissante très problématique. Elle envahit et bloque rapidement
  128. les cours
  129. d’eau: la surface colonisée et la biomasse peut doubler tous les 10 à 15 jours!
  130. Elle limite ainsi la navigation et la pêche et modifie les écosystèmes par asphyxie des
  131. milieux et blocage de la lumière . Une perte importante de biodiversité est observée dans
  132. les milieux
  133. envahis, notamment pour la faune aquatique.
  134. </p>
  135. </div>
  136. </div>
  137. </div>
  138. </div>
  140. <div class="row justify-content-center">
  141. <p class="my-5 text-center text-uppercase bold-dark-green-title">
  142. <strong>Les espèces exotiques envahissantes interdites</strong>
  143. </p>
  144. <div class="col-lg-8">
  145. <p class="h5 text-center mx-5 paragraph-line-spacing">
  146. En avril 2019, un arrêté ministériel a été publié pour la préservation de la biodiversité
  147. réunionnaise. Ce
  148. texte interdit strictement plus de 150 plantes sur le territoire réunionnais, du fait de leur
  149. caractère
  150. envahissant pour les milieux naturels de l’île. Il concerne:
  151. </p>
  152. </div>
  153. </div>
  155. <div class="row justify-content-center">
  156. <div class="col-lg-3 mx-3">
  157. <img class="d-flex mx-auto position-relative" src="{{ asset('build/images/94plantes.png') }}">
  158. <p style="margin: 2%" class="paragraph-line-spacing text-center">
  159. <strong class="bold-dark-green-title p-0" style="font-size: 20px">qui n’avaient jamais été
  160. signalées</strong>
  161. jusqu’en 2019 sur le territoire réunionnais, mais qui
  162. présenteraient une forte menace pour les milieux naturels en cas d’introduction ; L’impact de ces
  163. espèces sur les milieux naturels est avéré dans d’autres territoires, pays ou île, c’est pourquoi
  164. leur
  165. introduction à La Réunion est interdite.
  166. </p>
  167. </div>
  168. <div class="col-lg-3 mx-3">
  169. <img class="d-flex mx-auto position-relative" src="{{ asset('build/images/59plantes.png') }}">
  170. <p style="margin: 2%" class="paragraph-line-spacing text-center">
  171. <strong class="bold-dark-green-title p-0" style="font-size: 20px">déjà signalées au moins une fois
  172. sur l’île</strong>
  173. , dont l’éradication doit être une priorité pour
  174. les propriétaires privés et publics, les gestionnaires d’espaces verts et de milieux naturels.
  175. </p>
  176. </div>
  177. </div>
  179. <div class="row text-center justify-content-center">
  180. <div class="col-lg-8 p-4 shadow-sm">
  181. <p style="font-size: 19px" class="paragraph-line-spacing px-4">
  182. L'arrêté ministériel de 2019 interdit l'introduction sur le territoire, y compris le transit sous
  183. surveillance douanière, l'introduction dans le milieu naturel, la détention, le transport,
  184. le colportage, l'utilisation, l'échange, la mise en vente, la vente ou l'achat de ces espèces.
  185. <strong class="dark-green-text">
  186. Si vous possédez déjà ces espèces, il faut les
  187. éliminer en évitant tout risque de dissémination accidentelle. Le programme &quot;
  188. Ansamb kont zinvaziv &quot; vous accompagne dans cette démarche en prenant en
  189. charge l&#39;abattage ou l&#39;arrachage de certaines espèces de l&#39;arrêté dont la liste est
  190. disponible en bas de page.
  191. </strong>
  192. </p>
  193. </div>
  194. </div>
  196. <div class="row justify-content-center my-3">
  197. <div class="col-lg-4 col-sm-8">
  198. <div class="rounded-pill text-center mx-5 p-3 text-white" style="background-color: #a1be1b">
  199. <strong>
  200. Retrouvez l’arrêté ministériel complet détaillant les plantes interdites <a href="https://www.legifrance.gouv.fr/jorf/id/JORFTEXT000038358649" target="_blank">ici</a>
  201. </strong>
  202. </div>
  203. </div>
  204. <div class="col-lg-4 col-sm-8 mt-3 mt-lg-0">
  205. <div class="rounded-pill text-center mx-5 p-3 text-white" style="background-color: #a1be1b">
  206. <strong>
  207. Retrouvez un guide d’information sur l’arrêté ministériel et sur les plantes interdites
  208. <a href="https://fr.calameo.com/read/00594640317923bffa85c" target="_blank">ici</a>
  209. </strong>
  210. </div>
  211. </div>
  212. </div>
  213. </div>
  215. <div class="banner is-invasive-species-block-2">
  216. <div class="container h-100">
  217. <div class="d-flex h-100 pb-5">
  218. <div class="row mt-5 text-center justify-content-lg-center">
  219. <div class="col-lg-10 mb-5">
  220. <p class="text-center text-uppercase bold-dark-green-title">
  221. <strong>Que puis-je faire pour participer à la protection des milieux contre les EEE
  222. ?</strong>
  223. </p>
  224. <p class="h5 text-center mx-5 paragraph-line-spacing">
  225. Pour préserver le patrimoine naturel réunionnais, il est important de limiter la présence
  226. des espèces
  227. exotiques envahissantes, à la fois dans les jardins et dans les milieux naturels tout en
  228. valorisant les
  229. espèces indigènes et endémiques de la Réunion.
  230. <br>
  231. <strong class="dark-green-text">
  232. Pour cela, on peut :
  233. <br>
  234. - Retirer les EEE de son jardin, seul ou avec l’aide du programme « Ansamb kont zinvaziv »
  235. pour les espèces éligibles au programme;
  236. <br>
  237. - Replanter des espèces indigènes et endémiques ou non envahissantes dans son jardin
  238. </strong>
  239. </p>
  240. </div>
  242. <div class="col-lg-3 mb-3 mb-lg-0">
  243. <p class="p-3 bg-white h-100 shadow-sm d-flex flex-column justify-content-center">
  244. Retrouver la liste des pépiniéristes proposant des espèces indigènes ou endémiques
  245. <a href="{{ asset('files/liste-des-pepinieres-endemiques-indigenes.pdf') }}" target="_blank">ici</a>
  246. </p>
  247. </div>
  248. <div class="col-lg-3 mb-3 my-lg-0">
  249. <p class="p-3 bg-white h-100 shadow-sm d-flex flex-column justify-content-center">
  250. Trouver des propositions de liste d’espèces indigènes ou endémiques par zone bioclimatique
  251. <a href="https://daupi.cbnm.org/palette/#/accueil" target="_blank">ici</a>
  252. </p>
  253. </div>
  254. <div class="col-lg-3">
  255. <p class="p-3 bg-white h-100 shadow-sm d-flex flex-column justify-content-center">
  256. Retrouver la liste des espèces de flore envahissante
  257. <a href="https://www.especesinvasives.re/especes-invasives/" target="_blank">ici</a>
  258. </p>
  259. </div>
  260. </div>
  261. </div>
  262. </div>
  263. </div>
  265. <div class="container mb-5">
  266. <div class="row justify-content-center my-5">
  267. <div class="col-lg-8">
  268. <p class="h5 text-center mx-5 paragraph-line-spacing">
  269. - Signaler les nouvelles espèces que l’on voit dans la nature : si vous observez pour la première
  270. fois une plante ou un animal inconnu à La Réunion, signalez-le
  271. <a href="http://www.especesinvasives.re/"><strong>www.especesinvasives.re</strong></a>.
  272. Les acteurs de l’environnement pourront alors en être informés et surveiller l’évolution de cette espèce
  273. !
  274. <br>
  275. - Ne pas prélever et introduire volontairement des plantes en milieu naturel
  276. <br>
  277. - Ramener ses déchets, même biodégradables, chez soi et les jeter à la poubelle.
  278. </p>
  279. </div>
  280. </div>
  282. <p class="text-center text-uppercase bold-dark-green-title">
  283. <strong id="section-espece-invasive" class="text-break">Les espèces éligibles au programme « Ansamb kont zinvaziv »</strong>
  284. </p>
  285. <form data-auto-submit="true" class="row justify-content-center mb-3">
  286. <div class="col-lg-4">
  287. <div class="d-flex align-items-center">
  288. <label for="category" class="d-block me-3"><strong>Catégorie</strong></label>
  289. <select id="category" class="form-select" name="category" aria-label="Sélectionner une categorie">
  290. <option value selected>Selectionner une catégorie...</option>
  291. <option {{ criteria.category is defined and criteria.category == constant('App\\Entity\\Tree::TREE_TYPE') ? 'selected' }}
  292. value="{{ constant('App\\Entity\\Tree::TREE_TYPE') }}">
  293. Arbres de plus de 3M
  294. </option>
  295. <option {{ criteria.category == constant('App\\Entity\\Tree::BUSH_AND_PLANT_TYPE') ? 'selected' }}
  296. value="{{ constant('App\\Entity\\Tree::BUSH_AND_PLANT_TYPE') }}">
  297. Arbustes et plantes
  298. </option>
  299. </select>
  300. </div>
  301. </div>
  302. </form>
  304. <div class="row justify-content-center">
  305. {% for tree in trees %}
  306. <div class="col-lg-3 my-2">
  307. <div class="card" style="height: 35rem">
  308. {% set treeFirstPhotoFile = get_first_treeFile_by_type(tree, constant('App\\Entity\\TreeFile::PHOTO')) %}
  309. {% if treeFirstPhotoFile %}
  310. <div class="mx-auto mt-2 tree-miniature"
  311. style="background-image: url({{ asset(get_download_url(treeFirstPhotoFile.file.path)) }})"></div>
  312. {% else %}
  313. <div class="mx-auto mt-2 tree-miniature is-icon">
  314. <i class="fas fa-tree h-100 d-flex justify-content-center align-items-center"></i>
  315. </div>
  316. {% endif %}
  317. <div class="card-body d-flex flex-column">
  318. <div class="card-title text-center">
  319. <strong>{{ tree.frenchName|u.truncate(90, '...') }}</strong>
  320. </div>
  321. <br>
  322. <div class="card-text text-center">
  323. <p>{{ tree.description }}</p>
  324. </div>
  325. <div class="mt-auto text-center">
  326. <a href="{{ path('tree.show', {'tree': tree.id}) }}" class="btn btn-outline-orange">
  327. <i class="fas fa-plus"></i> de détails
  328. </a>
  329. </div>
  330. </div>
  331. </div>
  332. </div>
  333. {% else %}
  334. <div class="text-center">
  335. <em>Aucun résultat.</em>
  336. </div>
  337. {% endfor %}
  338. </div>
  339. </div>
  340. {% endblock %}