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

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