CINXE.COM

Rosalia alpina (Linnaeus, 1758) - Rosalie des Alpes-Voir la taxonomie

<!DOCTYPE html> <html lang="fr" xmlns:og="http://ogp.me/ns#"> <head> <title>Rosalia alpina (Linnaeus, 1758) - Rosalie des Alpes-Voir la taxonomie</title> <link rel="canonical" href="https://inpn.mnhn.fr/espece/cd_nom/12348/tab/taxo" /> <meta property="og:title" content="Rosalia alpina (Linnaeus, 1758) - Rosalie des Alpes" /> <meta property="og:type" content="website" /> <meta property="og:image" content="https://inpn.mnhn.fr/photos/uploads/webtofs/inpn/0/328770.jpg" /><meta property="og:image:secure_url" content="https://inpn.mnhn.fr/photos/uploads/webtofs/inpn/0/328770.jpg" /> <meta property="og:image" content="https://inpn.mnhn.fr/photos/uploads/webtofs/inpn/5/126505.jpg" /><meta property="og:image:secure_url" content="https://inpn.mnhn.fr/photos/uploads/webtofs/inpn/5/126505.jpg" /> <meta property="og:image" content="https://inpn.mnhn.fr/photos/uploads/webtofs/inpn/6/126536.jpg" /><meta property="og:image:secure_url" content="https://inpn.mnhn.fr/photos/uploads/webtofs/inpn/6/126536.jpg" /> <meta property="og:image" content="https://inpn.mnhn.fr/photos/uploads/webtofs/inpn/9/328769.jpg" /><meta property="og:image:secure_url" content="https://inpn.mnhn.fr/photos/uploads/webtofs/inpn/9/328769.jpg" /> <meta property="og:image" content="https://inpn.mnhn.fr/photos/uploads/webtofs/inpn/7/126537.jpg" /><meta property="og:image:secure_url" content="https://inpn.mnhn.fr/photos/uploads/webtofs/inpn/7/126537.jpg" /> <meta property="og:image" content="https://inpn.mnhn.fr/photos/uploads/webtofs/inpn/1/126501.jpg" /><meta property="og:image:secure_url" content="https://inpn.mnhn.fr/photos/uploads/webtofs/inpn/1/126501.jpg" /> <meta property="og:image" content="https://inpn.mnhn.fr/photos/uploads/webtofs/inpn/8/390738.jpg" /><meta property="og:image:secure_url" content="https://inpn.mnhn.fr/photos/uploads/webtofs/inpn/8/390738.jpg" /> <meta property="og:image" content="https://inpn.mnhn.fr/photos/uploads/webtofs/inpn/ant/96115.jpg" /><meta property="og:image:secure_url" content="https://inpn.mnhn.fr/photos/uploads/webtofs/inpn/ant/96115.jpg" /> <meta property="og:image" content="https://inpn.mnhn.fr/photos/uploads/webtofs/inpn/7/141647.jpg" /><meta property="og:image:secure_url" content="https://inpn.mnhn.fr/photos/uploads/webtofs/inpn/7/141647.jpg" /> <meta property="og:image" content="https://inpn.mnhn.fr/photos/uploads/webtofs/inpn/9/390739.jpg" /><meta property="og:image:secure_url" content="https://inpn.mnhn.fr/photos/uploads/webtofs/inpn/9/390739.jpg" /> <meta property="og:image" content="https://inpn.mnhn.fr/photos/uploads/webtofs/inpn/ant/96116.jpg" /><meta property="og:image:secure_url" content="https://inpn.mnhn.fr/photos/uploads/webtofs/inpn/ant/96116.jpg" /> <meta property="og:image" content="https://inpn.mnhn.fr/photos/uploads/webtofs/inpn/ant/96113.jpg" /><meta property="og:image:secure_url" content="https://inpn.mnhn.fr/photos/uploads/webtofs/inpn/ant/96113.jpg" /> <meta property="og:url" content="https://inpn.mnhn.fr/espece/cd_nom/12348" /> <meta property="og:description" content="Taxonomie de Rosalia alpina (Rosalie des Alpes) : noms scientifiques et vernaculaires, classification, synonymie, arbre taxonomique." /> <meta property="og:site_name" content="Inventaire National du Patrimoine Naturel" /> <meta property="og:locale" content="en_GB"/> <meta property="og:locale:alternate" content="fr_FR" /> <meta name="twitter:site" content="@INPN_MNHN"> <meta name="twitter:creator" content="@INPN_MNHN"> <meta name="twitter:title" content="Rosalia alpina (Linnaeus, 1758) - Rosalie des Alpes"> <meta name="twitter:description" content="Taxonomie de Rosalia alpina (Rosalie des Alpes) : noms scientifiques et vernaculaires, classification, synonymie, arbre taxonomique."> <meta name="twitter:card" content="summary_large_image"><meta name="twitter:image" content="https://inpn.mnhn.fr/photos/uploads/webtofs/inpn/0/328770.jpg" /> <meta name="twitter:image" content="https://inpn.mnhn.fr/photos/uploads/webtofs/inpn/5/126505.jpg" /> <meta name="twitter:image" content="https://inpn.mnhn.fr/photos/uploads/webtofs/inpn/6/126536.jpg" /> <meta name="twitter:image" content="https://inpn.mnhn.fr/photos/uploads/webtofs/inpn/9/328769.jpg" /> <meta name="twitter:image" content="https://inpn.mnhn.fr/photos/uploads/webtofs/inpn/7/126537.jpg" /> <meta name="twitter:image" content="https://inpn.mnhn.fr/photos/uploads/webtofs/inpn/1/126501.jpg" /> <meta name="twitter:image" content="https://inpn.mnhn.fr/photos/uploads/webtofs/inpn/8/390738.jpg" /> <meta name="twitter:image" content="https://inpn.mnhn.fr/photos/uploads/webtofs/inpn/ant/96115.jpg" /> <meta name="twitter:image" content="https://inpn.mnhn.fr/photos/uploads/webtofs/inpn/7/141647.jpg" /> <meta name="twitter:image" content="https://inpn.mnhn.fr/photos/uploads/webtofs/inpn/9/390739.jpg" /> <meta name="twitter:image" content="https://inpn.mnhn.fr/photos/uploads/webtofs/inpn/ant/96116.jpg" /> <meta name="twitter:image" content="https://inpn.mnhn.fr/photos/uploads/webtofs/inpn/ant/96113.jpg" /> <meta name="keywords" content="taxonomie, classification, synonymie, patrimoine, naturel, biodiversité, géodiversité, référentiels, inventaires, espèces, taxon, plantes, animaux, habitats, espace, protégé, conservation, géographique "/> <meta name="description" content="Taxonomie de Rosalia alpina (Rosalie des Alpes) : noms scientifiques et vernaculaires, classification, synonymie, arbre taxonomique."/> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <link href="/plugins/bootstrap-3.1.1/css/bootstrap.css" rel="stylesheet" type="text/css"> <meta http-equiv="content-language" content="fr, fr-be, fr-ca, fr-lu, fr-ch"> <meta http-equiv="window-target" content="_top"> <meta http-equiv="Cache-Control" content="no-cache" /> <meta http-equiv="Pragma" content="no-cache" /> <meta http-equiv="Expires" content="0" /> <meta name="Language" content="fr, fr-be, fr-ca, fr-lu, fr-ch" /> <meta name="Author" content="Museum national d'Histoire naturelle" /> <meta name="Copyright" content="MNHN" /> <meta name="Robots" content="index,follow,all" /> <meta name="revisit-after" content="5 days" /> <meta name="Rating" content="General" /> <meta name="Distribution" content="Global" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="theme-color" content="#038c8c"> <meta name="msapplication-navbutton-color" content="#038c8c"> <meta name="apple-mobile-web-app-status-bar-style" content="#038c8c"> <link rel="icon" type="image/png" sizes="192x192" href="/img/icones/nice-highres.png"> <link rel="icon" type="image/x-icon" title="INPN" href="/img/icones/inpn_tr.png"/> <script type="text/javascript" src="/js/tarteaucitron.js-1.9.1/tarteaucitron.js"></script> <script type="text/javascript"> tarteaucitronForceLanguage = 'fr'; tarteaucitron.init({ "privacyUrl": "/accueil/mentions-legales", /* Privacy policy url */ "bodyPosition": "top", /* or top to bring it as first element for accessibility */ "hashtag": "#tarteaucitron", /* Open the panel with this hashtag */ "cookieName": "tarteaucitron", /* Cookie name */ "orientation": "bottom", /* Banner position (top - bottom) */ "groupServices": false, /* Group services by category */ "showDetailsOnClick": true, /* Click to expand the description */ "serviceDefaultState": "wait", /* Default state (true - wait - false) */ "showAlertSmall": false, /* Show the small banner on bottom right */ "cookieslist": false, /* Show the cookie list */ "closePopup": false, /* Show a close X on the banner */ "showIcon": true, /* Show cookie icon to manage cookies */ //"iconSrc": "", /* Optionnal: URL or base64 encoded image */ "iconPosition": "BottomRight", /* BottomRight, BottomLeft, TopRight and TopLeft */ "adblocker": false, /* Show a Warning if an adblocker is detected */ "DenyAllCta": true, /* Show the deny all button */ "AcceptAllCta": true, /* Show the accept all button when highPrivacy on */ "highPrivacy": true, /* HIGHLY RECOMMANDED Disable auto consent */ "alwaysNeedConsent": false, /* Ask the consent for "Privacy by design" services */ "handleBrowserDNTRequest": false, /* If Do Not Track == 1, disallow all */ "removeCredit": true, /* Remove credit link */ "moreInfoLink": true, /* Show more info link */ "useExternalCss": false, /* If false, the tarteaucitron.css file will be loaded */ "useExternalJs": false, /* If false, the tarteaucitron.js file will be loaded */ //"cookieDomain": ".my-multisite-domaine.fr", /* Shared cookie for multisite */ "readmoreLink": "", /* Change the default readmore link */ "mandatory": true, /* Show a message about mandatory cookies */ "mandatoryCta": true, /* Show the disabled accept button when mandatory on */ //"customCloserId": "", /* Optional a11y: Custom element ID used to open the panel */ "googleConsentMode": true, /* Enable Google Consent Mode v2 for Google ads and GA4 */ "partnersList": false /* Show the number of partners on the popup/middle banner */ }); // Liste des cookies blocables (tarteaucitron.job = tarteaucitron.job || []).push('youtube'); (tarteaucitron.job = tarteaucitron.job || []).push('dailymotion'); (tarteaucitron.job = tarteaucitron.job || []).push('vimeo'); </script> <script type="text/javascript" src="/js/jsEspeces/ajaxroutine.js"></script> <script type="text/javascript" src="/js/jsJQuery/jquery-1.10.2.min.js"></script> <script type="text/javascript" src="/js/jsJQuery/jquery-ui-1.10.3.min.js"></script> <link href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="/plugins/bootstrap-3.1.1/js/bootstrap.min.js"></script> <script type="text/javascript" src="/plugins/lou-multi-select/js/jquery.multi-select.js"></script> <link href="/css/select2/select2.css" rel="stylesheet"/> <link href="/css/select2/select2-bootstrap.min.css" rel="stylesheet"/> <link href="/css/boostrapCustom/css/custom.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="/js/jsEspeces/common/inpn-utils.js"></script> <link href='https://fonts.googleapis.com/css?family=Raleway:400,700' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'/> <link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'/> <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" type="text/css" href="/plugins/bootstrap-3.1.1/font-awesome-4.0.3/css/font-awesome.css" /> <link rel="stylesheet" type="text/css" href="/plugins/lou-multi-select/css/multi-select.css" /> <link rel="stylesheet" type="text/css" href="/css/helper.css" /> <link rel="stylesheet" type="text/css" href="/css/pe-icon-7-stroke.css" /> <link rel="stylesheet" type="text/css" href="/css/icomoon.css" /> <script type="text/javascript"> var UrlSolrEspeceByCdRef = ''; var UrlSolrAutocompleteCommunes = ''; var UrlSolrAutocompleteEspece = ''; </script> <script type="application/ld+json"> { "@context":"http://schema.org", "@type":"WebSite", "name":"Inventaire National du Patrimoine Naturel", "alternateName":"INPN", "author" : "Muséum National d'Histoire Naturelle", "url":"https://inpn.mnhn.fr", "thumbnailUrl":"https://inpn.mnhn.fr/css/images_template/logo_inpn.png" } </script> <script type="application/ld+json"> { "@context":"http://schema.org", "@type":"Organization", "name":"Inventaire National du Patrimoine Naturel", "alternateName":"INPN", "url":"https://inpn.mnhn.fr", "logo":"https://inpn.mnhn.fr/css/images_template/logo_inpn.png", "address":{ "@type":"PostalAddress", "addressCountry":"FR", "addressLocality":"Paris", "postalCode":"75005", "streetAddress":"36 Rue Geoffroy-Saint-Hilaire" }, "sameAs":[ "https://www.facebook.com/InventaireNationalPatrimoineNaturel", "https://fr.wikipedia.org/wiki/Inventaire_national_du_patrimoine_naturel" ], "parentOrganization":{ "@type":"Organization", "name":"Service du Patrimoine Naturel", "alternateName":"SPN", "logo":"http://spn.mnhn.fr/servicepatrimoinenaturel/images/Logo%20MNHN-Centre-Noir.png", "address":{ "@type":"PostalAddress", "addressCountry":"FR", "addressLocality":"Paris", "postalCode":"75005", "streetAddress":"36 Rue Geoffroy-Saint-Hilaire" }, "url":"http://spn.mnhn.fr/", "parentOrganization":{ "@type":"Organization", "name":"Muséum National d'Histoire Naturelle", "alternateName":"MNHN", "logo":"http://www.mnhn.fr/sites/mnhn.fr/files/museum-national-d-histoire-naturelle.png", "address":{ "@type":"PostalAddress", "addressCountry":"FR", "addressLocality":"Paris", "postalCode":"75005", "streetAddress":"57 Rue Cuvier" }, "url":"http://www.mnhn.fr/", "sameAs":[ "https://www.facebook.com/museumnationaldhistoirenaturelle", "https://twitter.com/Le_Museum", "https://fr.wikipedia.org/wiki/Mus%C3%A9um_national_d%27histoire_naturelle", "http://www.dailymotion.com/mnhn", "https://vimeo.com/mnhn" ] } } } </script> <script type="text/javascript"> 'use strict'; window.inpnData = { lang: 'fr', ctxPath: '', odataUrl: 'https://odata-inpn.mnhn.fr' } </script> <!-- Matomo Tag Manager --> <script type="text/javascript"> var _mtm = window._mtm = window._mtm || []; _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'}); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text/javascript'; g.async=true; g.src='https://matomo.mnhn.fr/js/container_4WxrKBdW.js'; s.parentNode.insertBefore(g,s); </script> <!-- End Matomo Tag Manager --> <meta http-equiv="imagetoolbar" content="no"> <meta http-equiv="pragma" content="no-cache"> <link rel="stylesheet" href="/css/jsTree/branch.css" /> <script type="text/javascript" src="/js/jsTree/jstree.min.js"></script> <script> var colCdNom = false; var colImage = false; var imgListLink = document.createElement("img"); imgListLink.setAttribute("src","/img/icones/list.svg"); imgListLink.style.left = "-5%"; imgListLink.style.width = "30px"; $(document).ready( function() { $.ajax({ type: 'GET', url: enteteEspeceWebserviceURL+'/taxa/'+enteteEspeceCD_NOM+'?embed=GENERAL_PUBLIC_GROUP', dataType: 'json', success: function (data) { var generalPublicGroup = data._embedded.generalPublicGroup; var aLinkGp = document.createElement("a") var span = document.createElement("span") aLinkGp.setAttribute("href","#") var arrayGeneralGroupLink = generalPublicGroup._links.self.href.split("/") var numGp = arrayGeneralGroupLink[arrayGeneralGroupLink.length - 1] var generalGroupName = generalPublicGroup.name; var generalGroupTextNode = document.createTextNode(generalGroupName) aLinkGp.onclick = function() { displayPopUpPublicGroup(generalGroupName, numGp); } var imgGeneralGroup = document.createElement("img") imgGeneralGroup.setAttribute("src","/img/especes/grand_public_png/grou_gp_" + numGp + ".svg"); imgGeneralGroup.classList.add("imgGrpClassification"); imgListLink.style.position = "relative"; imgListLink.style.float ="right"; imgListLink.style.top = "15%"; span.style.display ="inline-block"; span.style.width = "55%"; let $generalPublicGroups = $("#generalPublicGroups"); $generalPublicGroups.append(imgGeneralGroup); $generalPublicGroups.append(span); $(span).append(generalGroupTextNode); $generalPublicGroups.append(aLinkGp); $(aLinkGp).append(imgListLink); } }); $.ajax({ type: 'GET', url: enteteEspeceWebserviceURL+'/taxa/'+enteteEspeceCD_NOM+'/taxonomy', dataType: 'json', success: function (data) { $.each(data._embedded.taxa, function(index,element){ if(element.rank === "KINGDOM"){ var imgGeneralGroup = document.createElement("img") imgGeneralGroup.style.marginLeft = "0%"; imgGeneralGroup.setAttribute("src","/img/especes/regne/regne_" + element.names.binomial.toLowerCase() + ".svg"); imgGeneralGroup.classList.add("imgGrpClassification"); var generalName = element.names.vernacular.fr[0]; var generalTextNode = document.createTextNode(generalName); let $generic = $("#generic"); $generic.append(imgGeneralGroup); $generic.append(generalTextNode); } }); } }); $.ajax({ type: 'GET', url: enteteEspeceTaxRefWebserviceURL+'/taxa/'+enteteEspeceCD_NOM+'/synonyms', dataType: 'json', success: function (data) { if(data._embedded !== undefined){ $.each(data._embedded.taxa, function(index,element){ $("#divSyno").css("display",""); var name = element.fullNameHtml + " (Espèce CD_NOM = "+element.id+")"; var liSynonym = document.createElement("p") liSynonym.classList.add("listnonymsVerna"); liSynonym.innerHTML = name; $("#synonyms").append(liSynonym); }); } } }); $.ajax({ type: 'GET', url: enteteEspeceTaxRefWebserviceURL+'/taxa/'+enteteEspeceCD_NOM+'/vernacularNames', dataType: 'json', success: function (data) { if(data._embedded !== undefined){ $.each(data._embedded.vernacularNames, function(index,element){ $("#divVerna").css("display",""); var name = element.name + " ("+element.langageName+")"; var liSNomVerna = document.createElement("p") liSNomVerna.classList.add("listnonymsVerna"); liSNomVerna.innerHTML = name; $("#vernaculaires").append(liSNomVerna); }); } } }); } ); </script> <!-- Login --> <div class="container"> <header class="row"> <div id="logo" class="col-lg-3 col-md-3 col-sm-6 col-xs-12 blockHeader"> <a href="/accueil/index"><img class="img-responsive" src="/css/images_template/logo_inpn.png" alt="INPN - Inventaire National du Patrimoine Naturel"></a> </div> <div id="searchBar" class="col-lg-4 col-md-4 col-xs-12 col-sm-12 blockHeader"> <gcse:search></gcse:search> </div> <script> (function() { var cx = '001902405000483928136:lhm9tmjiawa'; var gcse = document.createElement('script'); gcse.type = 'text/javascript'; gcse.async = true; gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//www.google.com/cse/cse.js?cx=' + cx; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(gcse, s); })(); </script> <style type="text/css"> input.gsc-input { background-image : none !important ; } .cse table.gsc-search-box td.gsc-input, table.gsc-search-box td.gsc-input { padding : 0px ; } input.gsc-input { height : 30px ; width : 100%; } .gsc-selected-option-container { width : 75px !important; } input.gsc-search-button { background: url('/img/icones/loupe.png') no-repeat !important; background-size: 10px 10px; background-color: #038c8c !important; margin : 0px ; height : 30px ; border-radius : 0 ; overflow: hidden; font-size: 0; min-width:35px; } input.gsc-search-button:hover { background: url('/img/icones/loupe_hover.png') no-repeat !important; background-size: 10px 10px; background-color: #03738c !important; margin : 0px ; height : 30px ; border-radius : 0 ; overflow: hidden; font-size: 0; border : 1px solid #03738c ; min-width:35px; } div.gsc-clear-button { background-image : none ; } .cse .gsc-control-cse, .gsc-control-cse { padding : 0px !important ; margin : 0px ; } .cse form.gsc-search-box, form.gsc-search-box { padding : 0px !important ; margin : 0px ; } div.gsc-clear-button { padding : 0px !important ; margin : 0px ; } .gsc-control-cse { font-family: "Raleway", sans-serif; padding : 0px !important ; margin : 0px ; } .gsc-table-result { font-family: "Raleway", sans-serif; padding-bottom : 1em ; } .gsc-tabHeader.gsc-tabhInactive { border-color: #038c8c; background-color: #FFFFFF; } .gsc-tabHeader.gsc-tabhActive { border-color: #BDB6AD; background-color: #BDB6AD; } .gsc-tabsArea { border-color: #038c8c; } .gsc-webResult.gsc-result, .gsc-results .gsc-imageResult { border-color: #038c8c; background-color: #FFFFFF; } .gsc-webResult.gsc-result:hover, .gsc-imageResult:hover { border-color: #038c8c; background-color: #FFFFFF; } .gsc-webResult.gsc-result.gsc-promotion:hover { border-color: #038c8c; background-color: #FFFFFF; } .gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b { color: #d16b04; } .gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b, .gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b { color: #03738c; } .gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover b, .gs-imageResult a.gs-title:hover, .gs-imageResult a.gs-title:hover b { color: #038c8c; } .gs-webResult.gs-result a.gs-title:active, .gs-webResult.gs-result a.gs-title:active b, .gs-imageResult a.gs-title:active, .gs-imageResult a.gs-title:active b { color: #03738c; } .gsc-cursor-page { color: #d16b04; margin : 15px ; } a.gsc-trailing-more-results:link { color: #0066CC; } .gs-webResult .gs-snippet, .gs-imageResult .gs-snippet, .gs-fileFormatType { color: #454545; } .gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl { color: #2A5A8A; } .gs-webResult div.gs-visibleUrl-short { color: #2A5A8A; } .gs-webResult div.gs-visibleUrl-short { display: none; } .gs-webResult div.gs-visibleUrl-long { display: block; } .gs-promotion div.gs-visibleUrl-short { display: none; } .gs-promotion div.gs-visibleUrl-long { display: block; } .gsc-cursor-box { border-color: #BDB6AD; } .gsc-results .gsc-cursor-box .gsc-cursor-page { background-color: #FFFFFF; color: #D16B04; } .gsc-results .gsc-cursor-box .gsc-cursor-current-page { border-color: #D16B04; background-color: #D16B04; color: #FFFFFF; padding-top : 5px ; padding-right : 10px ; padding-left : 10px ; padding-bottom : 5px; } .gsc-webResult.gsc-result.gsc-promotion { border-color: #D16B04; background-color: #CBE8B4; } .gsc-completion-title { color: #0066CC; } .gsc-completion-snippet { color: #454545; } .gs-promotion a.gs-title:link, .gs-promotion a.gs-title:link *, .gs-promotion .gs-snippet a:link { color: #0066CC; } .gs-promotion a.gs-title:visited, .gs-promotion a.gs-title:visited *, .gs-promotion .gs-snippet a:visited { color: #0066CC; } .gs-promotion a.gs-title:hover, .gs-promotion a.gs-title:hover *, .gs-promotion .gs-snippet a:hover { color: #0066CC; } .gs-promotion a.gs-title:active, .gs-promotion a.gs-title:active *, .gs-promotion .gs-snippet a:active { color: #0066CC; } .gs-promotion .gs-snippet, .gs-promotion .gs-title .gs-promotion-title-right, .gs-promotion .gs-title .gs-promotion-title-right * { color: #454545; } .gs-promotion .gs-visibleUrl, .gs-promotion .gs-visibleUrl-short { color: #2A5A8A; } .gsc-adBlock { display: none; } #serachBarMobile .gsc-control-cse { font-family: "Raleway", sans-serif; padding: 0px !important; margin: 0px; background: #e8e8e8; border-color: #e8e8e8; } </style> <div id="monCompte" class="col-lg-2 col-md-4 col-sm-8 col-xs-12 linkHeader blockHeader"> <ul> <img> <a href="?lg=en"><img src="/img/icones/gb.png"/> English Version</a> <li class="dropdown" id="connect"> <a class="seConnecter"><i class="pe-7s-user fa-lg"></i>Connectez-vous</a><br> <a href="/accueil/formulaire-creation" style="cursor: pointer"><i class="pe-7s-users fa-lg"></i>Créer un compte ?</a> <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"> <div class="panel-body"> </div> </ul> </li> </ul> </div> <script> $(document).ready(function () { $('.seConnecter').each(function () { $(this).attr('href', '/accueil/compte/seConnecter?referer=' + window.location.href); }); }) </script><div id="logoSI" class="col-lg-logo col-md-1" style="padding-left:20px;"> <div class="blockCenter"> <img src="https://inpn.mnhn.fr/images/logos/logo-SINP-naturefrance.png" usemap="#image-map"> <map name="image-map"> <area target="_blank" alt="SINP - Syst&egrave;me d'Information de l'iNventaire du Patrimoine naturel" title="SINP - Syst&egrave;me d'Information de l'iNventaire du Patrimoine naturel" href="https://inpn.mnhn.fr/informations/sinp/presentation" coords="0,0,85,82" shape="rect"> <area target="_blank" alt="Naturefrance" title="Naturefrance" href="https://naturefrance.fr" coords="100,0,226,82" shape="rect"> </map> </div> </div></header> </div> <div class="borderBottomNav"></div> <div class="container"> <p style="height: 5px"></p> <head> <link rel="stylesheet" type="text/css" href="/css/menu/menu.css"/> </head> <nav class="nav"> <div class="col-lg-12"> <ul class="lg-menu"> <li><a href="/accueil/a-propos-inpn">À PROPOS</a></li> <li><a href="/actualites/sommaire-actualites">ACTUALITÉS</a></li> <li><a href="/informations/informations">CONTEXTE</a> </li> <li> <a href="/programme/les-programmes">PROGRAMMES</a></li> <li><a href="/accueil/donnees-referentiels">DONNÉES & OUTILS</a></li> <li><a href="/accueil/participer">PARTICIPER</a></li> </ul> </div> </nav> </div> <div class="borderBottomNav"></div> <div style="width:100%; background-color: #038C8C;"> <div class="container"> <script src="/js/sbreadcrumb.js" type="text/javascript"></script> <script type="text/javascript"> jQuery(document).ready(function() { jQuery('#breadcrumbInpn').sbreadcrumb({ style : 5, sitemapurl : 'fr' === 'en' ? '/xml/sitemap_en.xml' : '/xml/sitemap.xml' }); var breadcrumbs = $('.container').find('.breadcrumb'); if ($(breadcrumbs).length > 1) { $(breadcrumbs[1]).children().clone(true,true).appendTo(breadcrumbs[0]); $(breadcrumbs[1]).remove(); } }); </script> <div class="row" style="background-color: #038C8C;"> <div id="breadcrumbInpn"></div> </div> <!-- Suppression du breadcrumb sur la homepage --> <script type="text/javascript"> jQuery(document).ready(function() { if ("/accueil/index" == window.location.pathname) { $('#breadcrumbInpn').remove(); } }); </script> </div> </div> <head> <link rel="stylesheet" type="text/css" href="/css/menu/menu.css"/> <script src="/js/jsMenu/superfish.js"></script> <script src="/js/jsMenu/jquery.rd-navbar.js"></script> </head> <nav class="nav"> <div class="col-lg-12 hidden-md hidden-lg"> <ul class="sf-menu" data-type="navbar"> <li> <li><a href="/accueil/recherche-de-donnees">Recherche de données</a> <ul> <li><i>Rosalia alpina</i> (Linnaeus, 1758)</li> <li class="nav-item"> <th id="tab-description" width="98" > <a href="/espece/cd_nom/12348" class="nav-link"> Présentation </a> </th></li> <li class="nav-item"> <th id="tab-fiche" width="98" > <a href="/espece/cd_nom/12348/tab/fiche" class="nav-link"> Portrait </a> </th></li> <li class="nav-item"> <th id="tab-taxonomie" width="98" > <a href="/espece/cd_nom/12348/tab/taxo" class="nav-link"> Taxonomie </a> </th></li> <li class="nav-item"> <th id="tab-statut" width="98" > <a href="/espece/cd_nom/12348/tab/statut" class="nav-link"> Statuts </a> </th></li> <li class="nav-item"> <th id="tab-carte" width="98" > <a href="/espece/cd_nom/12348/tab/carte" class="nav-link"> Cartes </a> </th></li> <li class="nav-item"> <th id="tab-sources" width="98" > <a href="/espece/cd_nom/12348/tab/sources" class="nav-link"> Jeux de données </a> </th></li> <li class="nav-item"> <th id="tab-habitats" width="98" > <a href="/espece/cd_nom/12348/tab/habitats" class="nav-link"> Habitats </a> </th></li> <li class="nav-item"> <th id="tab-histoire" width="98" > <a href="/espece/cd_nom/12348/tab/archeo" class="nav-link"> Histoire et archéologie </a> </th></li> </ul> </div> </nav> <script type="text/javascript"> $(document).ready(function() { $('ul.sf-menu').superfish({ hoverClass: 'sfHover', // the class applied to hovered list items pathClass: 'overideThisToUse', // the class you have applied to list items that lead to the current page pathLevels: 2, // the number of levels of submenus that remain open or are restored using pathClass delay: 800, // the delay in milliseconds that the mouse can remain outside a submenu without it closing animation: {opacity:'show'}, // an object equivalent to first parameter of jQuerys .animate() method animationOut: {opacity:'hide'},// an object equivalent to first parameter of jQuerys .animate() method Used to animate the submenu closed speed: 'normal', // speed of the animation. Equivalent to second parameter of jQuerys .animate() method autoArrows: true, // if true, arrow mark-up generated automatically = cleaner source code at expense of initialisation performance dropShadows: true, // completely disable drop shadows by setting this to false disableHI: false, // set to true to disable hoverIntent detection onInit: function(){}, // callback function fires once Superfish is initialised 'this' is the containing ul onBeforeShow: function(){}, // callback function fires just before reveal animation begins 'this' is the ul about to open onShow: function(){}, // callback function fires once reveal animation completed 'this' is the opened ul onHide: function(){} // callback function fires after a sub-menu has closed 'this' is the ul that just closed }); }); </script> <!--https://datatables.net/download/--> <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/bs/jszip-2.5.0/pdfmake-0.1.18/dt-1.10.12/b-1.2.2/b-colvis-1.2.2/b-flash-1.2.2/b-html5-1.2.2/b-print-1.2.2/cr-1.3.2/r-2.1.0/datatables.min.css"/> <script type="text/javascript" src="https://cdn.datatables.net/v/bs/jszip-2.5.0/pdfmake-0.1.18/dt-1.10.12/b-1.2.2/b-colvis-1.2.2/b-flash-1.2.2/b-html5-1.2.2/b-print-1.2.2/cr-1.3.2/r-2.1.0/datatables.min.js"></script> <script type="text/javascript" src="https://cdn.datatables.net/plug-ins/1.12.1/sorting/diacritics-sort.js"></script> <script type="text/javascript" src="https://cdn.datatables.net/plug-ins/1.12.1/sorting/date-eu.js"></script> <!--Pour ajouter l'icone excel--> <link rel="stylesheet" href="https://cdn.jsdelivr.net/foundation-icons/3.0/foundation-icons.min.css"> <!--Gestion de l'affichage des images--> <!-- style Material Disign --> <!-- <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.12/css/dataTables.material.min.css"/> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/material-design-lite/1.1.0/material.min.css"/> <script type="text/javascript" src="https://cdn.datatables.net/1.10.12/js/dataTables.material.min.js"></script> --> <!--Ajouter : className: 'mdl-data-table__cell--non-numeric' a columnDef--> <!--Mettre : class="mdl-data-table" cellspacing="0" width="100%" dans tous las tableau--> <!--Modifier le style de la class mdl-data-table : .mdl-data-table{ white-space: inherit; } --> <!-- Fin style Material Disign --> <script type="text/javascript"> $(document).ready( function () { var colCdNomForPrint = colCdNom; var maintenant = new Date(); var jour = maintenant.getDate(); var mois = maintenant.getMonth() + 1; var an = maintenant.getFullYear(); var date = jour + "/" + mois + "/" + an; var titre1 = $('section h1').text().trim() || ''; var sectionH4Text = $('section h4').text().trim(); var titre2 = sectionH4Text ? ' (' + sectionH4Text + ')' : ''; var titre = titre1 + titre2; $.extend($.fn.dataTable.defaults, { dom : "<'row'<'col-sm-6 DTTT_container' B><'col-sm-6'<'pull-right'f>>>" + "<'tooltipInfo col-sm-12'>" + "<'row'<'col-sm-12'tr>>" + "<'row'<'col-sm-5'i><'col-sm-7'p>>", "retrieve": true, "autoWidth": false, "responsive" : true, "colReorder" : { 'fixedColumnsLeft' : colImage + 1, // interdire de modifier la colone vignette 'fnReorderCallback': function(){ colCdNomForPrint = table.colReorder.transpose( colCdNom,'toCurrent' ); } }, "language": { "emptyTable": 'Pas de résultat', "info":"Affichées _START_ à _END_ de _TOTAL_ lignes", "infoEmpty": "Affichées 0 à 0 de 0 lignes", "infoFiltered": "(filtrées sur _MAX_ lignes au total)", "infoPostFix": "", "thousands": ",", "lengthMenu": '_MENU_ lignes', "loadingRecords": 'Chargement...', "processing": '<div id="wait" class="spinner-wait"></div>', "search": 'Rechercher :', "zeroRecords": 'Pas de résultat', "thousands": " ", "paginate": { "first": 'Début', "last": 'Fin', "next": 'Suivant', "previous": 'Précédent' }, "aria": { "sortAscending": ': activer pour trier par ordre croissant', "sortDescending": ': activer pour trier par ordre décroissant' }, buttons: { copyTitle : 'Ajouté au presse-papiers', copyKeys : 'Appuyez sur <i>ctrl</i> ou <i>⌘</i> + <i>C</i> pour copier les données du tableau dans votre presse-papiers. <br><br>Pour annuler, cliquez sur ce message ou appuyez sur Echap.', copySuccess : { _: '%d lignes copiées', 1: 'Une ligne copiée', }, pageLength: { _: '<i class="fa fa-table" aria-hidden="true"></i> Afficher', "-1": '<i class="fa fa-table" aria-hidden="true"></i>Afficher tous' } } }, "columnDefs": [ { targets: "noVisible", visible: false, // className: 'mdl-data-table__cell--non-numeric' // Pour le style Material Disign }, { targets: '_all', type: 'diacritics-neutralise', } ], "buttons": [ 'pageLength', { extend: 'colvis', // columns: '.noVisible', visibility:false, text : '<i class="fa fa-info-circle" aria-hidden="true"></i> Plus' }, { extend: 'collection', text: '<i class="fa fa-download" aria-hidden="true"></i> Exporter', autoClose: true, className: 'export_data', // init: function ( dt, node, config ) { // console.log(dt) ; // }, buttons: [ { extend: 'print', text: "<i class='fa fa-print'></i> Imprimer", title: titre, // autoPrint: false, exportOptions: { columns : ':visible :not(.noPrint)', format: { body: function (inner, coldex, rowdex) { if (inner.length <= 0) return inner; var el = $.parseHTML(inner); var result=''; if (el === undefined || el === null) { result = inner; }else{ $.each(el, function (index, item) { var lastChild = item.lastElementChild; if (lastChild != null && lastChild.nodeName == 'IMG') { var orientation = get_orientation(lastChild.currentSrc); if (orientation == 'landscape') { var style = 'style="max-height:120px; max-width:120px; margin: auto;"'; } if (orientation == 'portrait') { var style = 'style="max-height:120px; margin: auto;"'; } result = result + '<div style="display: flex; height: 130px;">' + '<img src="' + lastChild.currentSrc + '" ' + style + '/>' + '</div>'; } else if (item.nodeName == 'I') { result = result + item.outerHTML; } else if (item.nodeName == '#text') { result = result + item.textContent; } else { result = result + item.innerText; } }); } return result; } } }, init: function ( dt, node, config ) { var idTable = dt.context[0].nTable.id; config['idtable']= idTable; }, customize: function ( win ) { var tableId = $(this)["0"].idtable; var tables = $.fn.dataTable.tables(true); var datatables = $(tables).DataTable(); var table = datatables.table('#'+tableId); var tablebody = $(win.document.body).find( 'table' ); var i=0; $(win.document.body) .css( 'font-size', '10pt' ) .prepend( '<img src="https://inpn.mnhn.fr/css/images_template/logo_inpn.png" style="position:relative; float:right; width:150" /><div>' + document.URL + "</div>" ); $(win.document.body).find('tr:nth-child(odd) td').each(function(index){ $(this).css('background-color','#f9f9f9'); }); } }, { extend: 'copy', text: '<i class="fa fa-files-o"></i> Copier', titleAttr: 'Copier la liste complète dans le presse-papier', available: function (dt, config) { return window.FileReader !== undefined; }, exportOptions: { columns : ':not(.noPrint)' } }, { extend: "csv", text: "<i class='fa fa-file-text-o'></i> CSV (sélection)", fieldBoundary: '"', fieldSeparator: ";", titleAttr: 'Exporter la liste filtrée au format CSV', title: titre, filename: "*_" + an + mois + jour, bom: true, exportOptions: { columns: ':not(.noPrint)' }, action: function (e, dt, button, config) { var ajax =$(this).context[0].ajax; if(!$.isEmptyObject(ajax)) { var tableId = dt.context[0].nTable.id; var tables = $.fn.dataTable.tables(true); var datatables = $(tables).DataTable(); var table = datatables.table('#' + tableId); var param = table.ajax.params(); delete(param.columns); delete(param.draw); delete(param.start); delete(param.length); delete(param.order); var url = $(this).context[0].ajax.url + '&' + $.param(table.ajax.params()) + '&export=true'; $.ajax({ url: url, dataType: 'json', success: function (data) { // JSONToCSVConvertor(data.data, "test", true); $.fn.dataTable.fileSave( new Blob([JSONToCSVConvertor(data.data, "test", true, false)], {type: "text/plain;charset=utf-8;"}), config.title+"_"+ an + mois + jour+config.extension ); } }); }else{ if ($.fn.dataTable.ext.buttons.csvHtml5.available( dt, config )) { $.fn.dataTable.ext.buttons.csvHtml5.action(e, dt, button, config); } else { $.fn.dataTable.ext.buttons.csvFlash.action(e, dt, button, config); } } } }, { extend: "csv", text: "<i class='fa fa-file-text-o'></i> CSV (complet)", fieldBoundary: '"', fieldSeparator: ";", titleAttr: 'Exporter la liste complète au format CSV', title: titre, filename: "*_" + an + mois + jour, bom:true, exportOptions: { columns : ':not(.noPrint)', modifier: { search: 'none' } }, action: function (e, dt, button, config) { var ajax =$(this).context[0].ajax; if(!$.isEmptyObject(ajax)) { var url = $(this).context[0].ajax.url + '&export=true' ; $.ajax({ url: url, dataType: 'json', success: function (data) { var titre =config.title+"_"+ an + mois + jour+config.extension; // JSONToCSVConvertor(data.data, titre, true,true); $.fn.dataTable.fileSave( new Blob([JSONToCSVConvertor(data.data, "test", true, false)], {type: "text/plain;charset=utf-8;"}), config.title+"_"+ an + mois + jour+config.extension ); } }); }else{ if ($.fn.dataTable.ext.buttons.csvHtml5.available( dt, config )) { $.fn.dataTable.ext.buttons.csvHtml5.action(e, dt, button, config); } else { $.fn.dataTable.ext.buttons.csvFlash.action(e, dt, button, config); } } } }, /*{ extend: "excel", text: "<i class='fa fa-file-excel-o'></i> Excel (sélection)", titleAttr: 'Exporter la liste filtrée au format Excel (xlsx)', filename: "*_" + an + mois + jour, sheetName:$('h1').text().trim().substr(0,30), // une feuille excel ne peut avoir un nom superieur a 30 caracteres customize: function (xlsx) { var sheet = xlsx.xl.worksheets['sheet1.xml']; $('row:first c', sheet).attr('s', '42'); }, exportOptions: { columns : ':not(.noPrint)' } }, { extend: "excel", text: "<i class='fa fa-file-excel-o'></i> Excel (complet)", titleAttr: 'Exporter la liste complète au format Excel (xlsx)', filename: "*_" + an + mois + jour, sheetName:$('h1').text().trim().substr(0,30), // une feuille excel ne peut avoir un nom superieur a 30 caracteres exportOptions: { columns : ':not(.noPrint)', modifier: { search: 'none' } }, customize: function (xlsx) { var sheet = xlsx.xl.worksheets['sheet1.xml']; $('row:first c', sheet).attr('s', '42'); } },*/ ] } ], // "fnDrawCallback": function ( oSettings ) { // var textPopover = '<i style="color:#1d99bb; cursor: pointer; margin-top: 10px;margin-left: -15px; " class="fa fa-info-circle pull-left" title="Titre" data-toggle="popover" data-placement="bottom" data-html="true" tabindex="0" data-content="Ici un contenu plus long pour faire des tests plus efficace<br> ça me parait bien comme ça." ></i>' // $(".tooltipInfo").html(textPopover); // $('[data-toggle="popover"]').popover({ html:true }); // }, "fnFooterCallback": function () { var wrapper = this.parent(); var rowsPerPage = this.fnSettings()._iDisplayLength; var rowsToShow = this.fnSettings().fnRecordsDisplay(); var minRowsPerPage = this.fnSettings().aLengthMenu[0][0]; if (rowsToShow <= rowsPerPage || rowsPerPage == -1) { $('.dataTables_paginate', wrapper).css('display', 'none'); } else { $('.dataTables_paginate', wrapper).css('display', ''); } if (rowsToShow <= minRowsPerPage) { $('.dataTables_length', wrapper).css('display', 'none'); $('.dataTables_info', wrapper).css('display', 'none'); } else { $('.dataTables_length', wrapper).css('display', ''); $('.dataTables_info', wrapper).css('display', ''); } }, "order": [[0, "asc"]], "displayLength": 10, "lengthMenu": [ [10, 25, 50, -1], [10, 25, 50, "Tout"] ] }); $.extend( $.fn.dataTableExt.oSort, { "date-eu-pre": function ( date ) { date = date.replace(" ", ""); if ( ! date ) { return 0; } var year; var eu_date = date.split(/[\.\-\/]/); /*year (optional)*/ if ( eu_date[2] ) { year = eu_date[2]; } else { year = 0; } /*month*/ var month = eu_date[1]; if ( month.length == 1 ) { month = 0+month; } /*day*/ var day = eu_date[0]; if ( day.length == 1 ) { day = 0+day; } return (year + month + day) * 1; }, "date-eu-asc": function ( a, b ) { return ((a < b) ? -1 : ((a > b) ? 1 : 0)); }, "date-eu-desc": function ( a, b ) { return ((a < b) ? 1 : ((a > b) ? -1 : 0)); } } ); function toBase64 (photo, callback){ var requestImage = new Image(); requestImage.crossOrigin = 'Anonymous'; requestImage.onload = function() { var defaulyLength = 400; var canvas = document.createElement("canvas"); if (this.height<this.width){ var w = defaulyLength; var h = this.height * w / this.width; var x = 0; var y = 0; canvas.width = w; canvas.height = h; }else{ var h = defaulyLength; var w = this.width * h / this.height; var x = (defaulyLength-(this.width * h / this.height))/2; var y = 0; canvas.width = defaulyLength; canvas.height = h; } var ctx = canvas.getContext("2d"); ctx.drawImage(this, x, y, w, h); var typeImage = "image/" + photo.split('.').pop(); var data64 = canvas.toDataURL(typeImage,1.0); // return data64; callback(data64); } requestImage.setAttribute('crossOrigin', 'anonymous'); requestImage.src = photo; } function get_orientation(src){ img = new Image(); img.src = src; var width = img.width; var height = img.height; if(width > height) { return "landscape"; } else { return "portrait"; } } function JSONToCSVConvertor(JSONData, ReportTitle, ShowLabel,csvFile) { //If JSONData is not an object then JSON.parse will parse the JSON string in an Object var arrData = typeof JSONData != 'object' ? JSON.parse(JSONData) : JSONData; var CSV = ''; //Set Report title in first row or line // CSV += ReportTitle + '\r\n\n'; //This condition will generate the Label/Header if (ShowLabel) { var row = ""; //This loop will extract the label from 1st index of on array for (var index in arrData[0]) { //Now convert each value to string and comma-seprated row += index + ';'; } row = row.slice(0, -1); //append Label row with line break CSV += row + '\r\n'; } //1st loop is to extract each row for (var i = 0; i < arrData.length; i++) { var row = ""; //2nd loop will extract each column and convert it in string comma-seprated for (var index in arrData[i]) { row += '"' + arrData[i][index] + '";'; } row.slice(0, row.length - 1); //add a line break after each row CSV += row + '\r\n'; } if (CSV == '') { alert("Invalid data"); return; } if(!csvFile){ return CSV; } //Generate a file name var fileName = ""; //this will remove the blank-spaces from the title and replace it with an underscore fileName += ReportTitle.replace(/ /g,"_"); //Initialize file format you want csv or xls var uri = 'data:text/csv;charset=utf-8,' + escape(CSV); // Now the little tricky part. // you can use either>> window.open(uri); // but this will not work in some browsers // or you will not get the correct file extension //this trick will generate a temp <a /> tag var link = document.createElement("a"); link.href = uri; //set the visibility hidden so it will not effect on your web-layout link.style = "visibility:hidden"; link.download = fileName + ".csv"; //this part will append the anchor tag and remove it after automatic click document.body.appendChild(link); link.click(); document.body.removeChild(link); } }); // Datatable plugin pour gérer le tri des dates au format dd/MM/yyyy jQuery.extend( jQuery.fn.dataTableExt.oSort, { "date-eu-pre": function ( date ) { date = date.replace(" ", ""); if ( ! date ) { return 0; } var year; var eu_date = date.split(/[\.\-\/]/); /*year (optional)*/ if ( eu_date[2] ) { year = eu_date[2]; } else { year = 0; } /*month*/ var month = eu_date[1]; if ( month.length == 1 ) { month = 0+month; } /*day*/ var day = eu_date[0]; if ( day.length == 1 ) { day = 0+day; } return (year + month + day) * 1; }, "date-eu-asc": function ( a, b ) { return ((a < b) ? -1 : ((a > b) ? 1 : 0)); }, "date-eu-desc": function ( a, b ) { return ((a < b) ? 1 : ((a > b) ? -1 : 0)); } } ); </script> </head> <body> <div class="container" style="width: 100%;"> <div class="row"> <ol class="breadcrumb"> <li><a href="/accueil/index"><i class="fa fa-home"></i></a></li> <li><a href="/accueil/donnees-referentiels">Données et outils</a></li> <li><a href="/accueil/recherche-de-donnees/especes/">Rechercher une espèce</a></li> <li><a href="/espece/cd_nom/12348"><i>Rosalia alpina</i> (Linnaeus, 1758)</a></li> <li>Taxonomie</li> </ol> </div> </div> <input id=enteteEspeceWebserviceURL type="hidden" value="https://odata-inpn.mnhn.fr"> <input id=enteteEspeceOpenObsWebserviceURL type="hidden" value="https://openobs.mnhn.fr"> <input id=enteteEspeceCD_NOM type="hidden" value="12348"> <input id=enteteEspeceFrancais type="hidden" value="Français"> <input id=enteteEspeceAnglais type="hidden" value="Anglais"> <input id=enteteEspeceTaxRefWebserviceURL type="hidden" value="https://taxref.mnhn.fr/api"> <input id=wsDescriptionUrl type="hidden" value=""> <input id=langue type="hidden" value="fr"> <script type="text/javascript"> const speciesHeaderTitle = 'Espèce'; const subSpeciesHeaderTitle = 'Sous-espèce'; </script> <link rel="stylesheet" type="text/css" href="/css/especes/fiche/entete_espece.css"/> <div id="bloc_entete_commun"> <div class="container"> <div id="entetEspece_headerDiv" class="row"> <h10 class="entetEspece_header"></h10> </div> <div class="row" style="margin-bottom:20px;"> <div class="imggrp col-xs-6 col-md-1"> <div id="entetEspece_generalPublicGroup_img" class="divImg_enteteEspece_entetEspece_generalPublicGroup"> <span id="entetEspece_generalPublicGroup_name" class="bloc_commun_popup"></span> </div> </div> <div id="cd_nom-icone" class="col-xs-6 col-md-1 col-md-push-10"> <div class="divImg_enteteEspece_taxrefId"> <p id="enteteEpece_cd_nom">cd_nom<br></p> <p id="enteteEspece_taxrefId"></p> </div> </div> <div class="col-xs-12 col-md-10 col-md-pull-1 padding_laptop"> <p id="enteteEspece_vernacular"></p> <p id="enteteEspece_scientificHtml"></p> </div> </div> <div class="row presentation"> </div> </div> </div> <script type="text/javascript" src="/js/especes/fiche/entete_espece.js"></script> <input id=menu_fiche_espece_selectedTab type="hidden" value=""> <link rel="stylesheet" type="text/css" href="/css/especes/fiche/menu_fiche_espece.css" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/splide@latest/dist/css/splide.min.css"> <link rel="stylesheet" type="text/css" href="/css/especes/fiche/bloc/bloc_commun.css" /> <div id="bloc_entete_commun"> <div class="container"> <div class="row" style="margin-left:-23%;"> <div class="hidden-sm hidden-xs"> <ul id="navigation_menu_fiche_espece" class="nav nav-tabs"> <li class="nav-item"> <th id="tab-description" width="98" > <a href="/espece/cd_nom/12348" class="nav-link"> Présentation </a> </th></li> <li class="nav-item"> <th id="tab-fiche" width="98" > <a href="/espece/cd_nom/12348/tab/fiche" class="nav-link"> Portrait </a> </th></li> <li class="nav-item"> <th id="tab-taxonomie" width="98" > <a href="/espece/cd_nom/12348/tab/taxo" class="nav-link"> Taxonomie </a> </th></li> <li class="nav-item"> <th id="tab-statut" width="98" > <a href="/espece/cd_nom/12348/tab/statut" class="nav-link"> Statuts </a> </th></li> <li class="nav-item"> <th id="tab-carte" width="98" > <a href="/espece/cd_nom/12348/tab/carte" class="nav-link"> Cartes </a> </th></li> <li class="nav-item"> <th id="tab-reference" width="98" > <a href="/espece/cd_nom/12348/tab/reference" class="nav-link"> Références </a> </th></li> <li class="nav-item"> <th id="tab-sources" width="98" > <a href="/espece/cd_nom/12348/tab/sources" class="nav-link"> Jeux de données </a> </th></li> <li class="nav-item"> <th id="tab-habitats" width="98" > <a href="/espece/cd_nom/12348/tab/habitats" class="nav-link"> Habitats </a> </th></li> <li class="nav-item"> <th id="tab-valorisation" width="98" > <a href="/espece/cd_nom/12348/tab/valorisation" class="nav-link"> Valorisation </a> </th></li> <li class="nav-item"> <th id="tab-histoire" width="98" > <a href="/espece/cd_nom/12348/tab/archeo" class="nav-link"> Histoire et archéologie </a> </th></li> </ul> </div> </div> </div> </div> <script type="text/javascript" src="/js/especes/fiche/menu_fiche_espece.js"></script> <script src="https://unpkg.com/wavesurfer.js@6.6.3/dist/wavesurfer.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/@splidejs/splide@latest/dist/js/splide.min.js"></script> <script type="text/javascript"> $(document).ready( $(function() { $('.sousNav a').each(function() { if (endsWith($(this).attr('href'), window.location.pathname)){ $(this).addClass('active'); $(this).parent().closest('div').addClass('in'); $(this).parent().closest('div').prev().children().removeClass( "collapsed" ); } }); $('#navbar-collapse-inpn a').each(function() { if (endsWith($(this).attr('href'), '/accueil/donnees-referentiels')){ $(this).addClass('active'); } }); }) ); function endsWith(str, suffix) { return str.indexOf(suffix, str.length - suffix.length) !== -1; } </script> <script type="text/javascript" src="/js/especes/fiche/ficheEspeceTaxonomy.js"></script> <input id=espece_evaluee type="hidden" value="Espèce évaluée"> <input id=espece_protegee type="hidden" value="Espèce protégée"> <input id=espece_menacee type="hidden" value="Espèce menacée"> <div class="container"> <div class="row "> <section class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="section" style="padding-right: 0px"> <h3> Classification grand public </h3> <div id="gpClassification"> <div id="generic" class="encartClassification col-xs-12" style="display: flex; align-items: center;"></div> <div style="display: flex;"> <span id="flecheRegne" class="fleche"></span> </div> <div style="display: flex; justify-content: space-between"> <div id="generalPublicGroups" class="encartClassification" style="display: flex; justify-content: space-around; align-items: center;"></div> </div> <div style="display: flex;"> <span id="flecheGroupe" class="fleche"></span> </div> <div style="display: flex; justify-content: space-between"> <div id="operationalGroups" class="encartClassification" style="display: flex; justify-content: space-around; align-items: center;"></div> </div> </div> <!-- fin display programmes --> <h3 id="classHierar"> Classification hiérarchique </h3> <div class="modal fade modal_liste_taxon" id="modal_liste_taxon" tabindex="-1" role="dialog" aria-labelledby="modal-tuto-label" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> <h3 class="modal-title" id="myModalLabel"> Liste d’espèces </h3> </div> <div class="modal-body"> <div class="table-responsive"> <div style="margin-bottom: 35px;font-weight: bold;font-size: 1.1em;"> <span id="taxonName"></span><span style="text-transform: lowercase"> : <span id="nbreEspeces" class="infoMajeure"></span> Espèces</span> </div> <table class="table table-striped table-hover" id="listTaxo"> <thead> <tr> <th class="exp"></th> <th class="exp">Nom scientifique</th> <th class="exp">Nom vernaculaire</th> <th style="width: 150px" class="exp">Statut</th> <th class="exp"></th> <th class="exp noVisible">Règne</th> <th class="exp noVisible">Classe</th> <th class="exp noVisible">Ordre</th> <th class="exp noVisible">Famille</th> <th class="exp noVisible">CD_REF</th> <th class="exp noVisible">CD_NOM</th> </tr> </thead> <tbody id="tabEspece"> </tbody> </table> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Fermer</button> </div> </div> </div> </div> </div> <script> function expandAll() { $.jstree.reference('.tree').open_all() } $(document).ready(function () { //onclick $('.tree').on('click', '.jstree-anchor', function(e) { var anchorId = $(this).parent().attr('id'); if ($(this).parent().attr('clickable') == 'true') { window.location.assign($('#hiddenLink').text().replace("{id}", anchorId)); } }); expandAll(); });</script> <script type="text/javascript" src="/js/jsTree/jstree.min.js"></script> <div id="wait" class="spinner-wait"></div> <div class="tree waited" style="display: none;"> <ul> <li id="349525" clickable="false"> <strong>Domaine</strong> : <span class='jstree-orange'>Biota Endl.(D.Don)</span> <ul> <li id="183716" clickable="false"> <strong>Règne</strong> : <span class='jstree-orange'>Animalia Linnaeus, 1758</span> <ul> <li id="838319" clickable="false"> <strong>Sous-Règne</strong> : Eumetazoa Bütschli, 1910 <ul> <li id="838320" clickable="false"> <strong>Clade</strong> : Bilateria Haeckel, 1874 <ul> <li id="838321" clickable="false"> <strong>Infra-Règne</strong> : Protostomia Grobben, 1908 <ul> <li id="908726" clickable="false"> <strong>Clade</strong> : Cuticulata <ul> <li id="838324" clickable="false"> <strong>Clade</strong> : Ecdysozoa Aguinaldo, Turbeville, Linford, Rivera, Garey, Raff & Lake, 1997 <ul> <li id="908724" clickable="false"> <strong>Clade</strong> : Panarthropoda Nielsen, 1995 <ul> <li id="183818" clickable="false"> <strong>Phylum</strong> : <span class='jstree-orange'>Arthropoda Latreille, 1829</span> <ul> <li id="823794" clickable="false"> <strong>Sous-Phylum</strong> : Pancrustacea Zrzavý & Štys, 1997 <ul> <li id="823795" clickable="false"> <strong>Infra-Phylum</strong> : Altocrustacea Regier, Schultz, Zwick, Hussey, Ball, Wetzer, Martin & Cunningham, 2010 <ul> <li id="184569" clickable="false"> <strong>Super-Classe</strong> : Hexapoda Blainville, 1816 <ul> <li id="184611" clickable="false"> <strong>Classe</strong> : <span class='jstree-orange'>Insecta Linnaeus, 1758</span> <ul> <li id="778581" clickable="false"> <strong>Infra-Classe</strong> : Dicondylia Hennig, 1953 <ul> <li id="522893" clickable="false"> <strong>Infra-Classe</strong> : Pterygota Brauer, 1885 <ul> <li id="524576" clickable="false"> <strong>Clade</strong> : Neoptera Martynov, 1923 <ul> <li id="184612" clickable="false"> <strong>Ordre</strong> : <span class='jstree-orange'>Coleoptera Linnaeus, 1758</span> <ul> <li id="184631" clickable="false"> <strong>Sous-Ordre</strong> : Polyphaga <ul> <li id="184641" clickable="false"> <strong>Infra-Ordre</strong> : Cucujiformia <ul> <li id="184642" clickable="false"> <strong>Super-Famille</strong> : Chrysomeloidea Latreille, 1802 <ul> <li id="184643" clickable="false"> <strong>Famille</strong> : <span class='jstree-orange'>Cerambycidae Latreille, 1802</span> <ul> <li id="729101" clickable="false"> <strong>Sous-Famille</strong> : <span class='jstree-orange'>Cerambycinae Latreille, 1802</span> <ul> <li id="730328" clickable="false"> <strong>Tribu</strong> : <span class='jstree-orange'>Compsocerini Thomson, 1864</span> <ul> <li id="197265" clickable="false"> <strong>Genre</strong> : <span class='jstree-orange'><em>Rosalia</em> Audinet-Serville, 1834</span> <ul> <li id="12348" clickable="false"> <strong>Espèce</strong> : <em>Rosalia alpina</em> (Linnaeus, 1758) <ul> <li id="795648" clickable="false"> <a href="/espece/cd_nom/795648"><strong>Sous-Espèce</strong> : <em>Rosalia alpina alpina</em> (Linnaeus, 1758)</a> </li> </ul> </li> </ul> </li> </ul> </li> </ul> </li> </ul> </li> </ul> </li> </ul> </li> </ul> </li> </ul> </li> </ul> </li> </ul> </li> </ul> </li> </ul> </li> </ul> </li> </ul> </li> </ul> </li> </ul> </li> </ul> </li> </ul> </li> </ul> </li> </ul> </li> </ul> </li> </ul> </li> </ul> </li> </ul> </li> </ul> </div> <div id="hiddenLink" style="visibility: hidden">/espece/cd_nom/{id}</div> <script> var treeJs = $('.tree').jstree({ "core": { "themes":{ "icons":false } }, "plugins" : [ "search" ] }).bind('ready.jstree', function (event, data) { $('.tree').jstree('select_node' , '12348'); $('.tree').jstree('open_node' , '12348'); $('.waited').show(); $('#wait').hide(); }); </script> <script> treeJs.bind("open_node.jstree", function (e, data) { var jsonNodes = $('.tree').jstree(true).get_json('#', { flat: true }); var idLastNode = jsonNodes[jsonNodes.length-1].id; var idParentNode = jsonNodes[jsonNodes.length-2].id; if ($($("#"+idParentNode))[0]) { // Si le parent est une espèce et le dernier noeud correspond au CD_NOM affiché if($("#"+idParentNode)[0].children[1].children[1].firstChild.textContent == "Espèce" && 12348 == idLastNode){ // Ajout du onClick sur le noeud Espèce $($('.tree').jstree(true).get_node(idParentNode,true)[0].lastChild)[0].parentElement.children[1].onclick = function() {window.location.href=window.location.href.split("cd_nom/")[0]+'cd_nom/'+idParentNode}; } // Si le dernier noeud ne correspond pas au CD_NOM affiché (cas sous-espèces d'une espèce) if(12348 != idLastNode && $('.tree').jstree(true).get_node(idLastNode,true)[0]){ // Ajout de la classe lastChilNode sur le dernier noeud $($('.tree').jstree(true).get_node(idLastNode,true)[0].lastChild).addClass("lastChildNode"); // Ajout du click sur le dernier noeud $($('.tree').jstree(true).get_node(idLastNode,true)[0].lastChild)[0].parentElement.onclick = function() {window.location.href=window.location.href.split("cd_nom/")[0]+'cd_nom/'+idLastNode}; } // Parcours des noeuds for(i = 0; i < jsonNodes.length ; i++){ // Noeud courant var idCurrentNode = jsonNodes[i].id; // Si le noeud courant n'est pas le dernier et n'est pas une espèce => pas de href if(idCurrentNode != idLastNode && $("#"+idCurrentNode)[0].children[1].children[1].firstChild.textContent != "Espèce"){ var textContext = $("#"+idCurrentNode)[0].children[1].children[1].firstChild.textContent; if (textContext === "Domaine" || textContext === "Règne" || textContext === "Phylum" || textContext === "Classe" || textContext === "Ordre" || textContext === "Famille" || textContext === "Sous-Famille" || textContext === "Tribu" || textContext === "Genre" ) { $($("#"+idCurrentNode)[0].children[1])[0].href = ""; $($("#"+idCurrentNode)[0].children[1])[0].onclick = function() { displayPopUpTaxref($(this)[0].innerText.split(':')[1], $(this)[0].id.replace('_anchor', '')); }; } else { $($("#"+idCurrentNode)[0].children[1])[0].href = "#"; } } // Si le noeud courant est une variété et ne correspond pas au CD_NOM affiché ou est une sous-espèce if($($("#"+idCurrentNode))[0] && ($($("#"+idCurrentNode))[0].children[1].children[1].firstChild.textContent == "Variété" || $($("#"+idCurrentNode))[0].children[1].children[1].firstChild.textContent == "Sous-Espèce") && 12348 != idLastNode){ $($('.tree').jstree(true).get_node(idCurrentNode,true)[0].lastChild).addClass("lastChildNode"); $($('.tree').jstree(true).get_node(idCurrentNode,true)[0].lastChild)[0].parentElement.onclick = function(){window.location.href=window.location.href.split("cd_nom/")[0]+'cd_nom/'+idCurrentNode}; $($("#"+idCurrentNode)[0].children[1])[0].href = window.location.href.split("cd_nom/")[0]+'cd_nom/'+idCurrentNode; } if (12348 == idCurrentNode) { $($('.tree').jstree(true).get_node(idCurrentNode,true)[0].children[1]).addClass("currentNode"); $($("#"+idCurrentNode)[0].children[1])[0].href = window.location.href.split("cd_nom/")[0]+'cd_nom/'+idCurrentNode; } } } }); </script> <div id="divVerna" style="display: none;"> <h3> Nom vernaculaires </h3> <div id="vernaculaires"></div> </div> <div id="divTaxref"> <h3>Taxref</h3> <p>cd_nom : 12348 <p> <p>cd_ref : 12348 <p> </div> <div id="divSyno" style="display: none;"> <h3> Synonymie </h3> <div id="synonyms"></div> </div> <div id="divSousEspece" style="display: none;"> <h3> Sous-espèces </h3> <ul id="sub_species"> </ul> </div> <script> $.ajax({ type : 'GET', url : enteteEspeceTaxRefWebserviceURL + '/taxa/' + enteteEspeceCD_NOM + '/externalIds', dataType : 'json', success : function(data) { var countData=data._embedded.externalDb.length; $.each(data._embedded.externalDb, function(index, element) { $("#databaseSource").css("display", ""); var externalDbTitle = element.externalDbTitle; var tr = document.createElement("tr"); tr.classList.add("underline"); var tdName = document.createElement("td"); tdName.style.width = "65%"; var tdLink = document.createElement("td"); var divLink = document.createElement("div"); var divName = document.createElement("div"); var subSpecyLink = element.url; var link = document.createElement("a"); var img = document.createElement("img"); link.setAttribute("href", subSpecyLink); img.setAttribute("src", "/img/icones/database.svg"); img.style.marginRight = "10px"; divLink.style.display = "inline-table"; link.style.display = "flex"; var route = window.location.href; if (route.includes("tab/reference")){ divName.append(img) }else{ link.appendChild(img); } link.appendChild(document.createTextNode(element.externalDbName + ":" + element.externalId)); tdName.append(divName) divName.append(document.createTextNode(externalDbTitle)); divName.style.display = "inline-flex"; $(tdLink).append(divLink); $(tr).append(tdName); $(tr).append(tdLink); tdLink.classList.add("underlineMobile") $(divLink).append(link); $("#source_database").append(tr); }); if (countData==0){ $("#databaseSource").css("display", ""); $("#refDataSourceNoResult").css("display", ""); $("#source_database").css("display", 'none'); } } }); </script> <div id="databaseSource" style="display: none;margin-top: 5%;"> <h3> Bases de données sources </h3> <table id="source_database" style="border-collapse: separate; width: 100%;display: '';"> </table> <p id="refDataSourceNoResult" style="display: none;text-align: center;"> Pas de données associées <p> </div> </div> </section> </div> </div> <footer> <div class="container home"> <div class="row"> <div class="back-to-top hidden-xs" style="display: none;"> <button class="btn btn-top-inpn"> <a href="#"></a> </button> </div> <div class="row"> <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12"> <ul class="before-footer-ul"> <li> <div class= "before-footer"></div> <a href="/accueil/a-propos-inpn" title="À PROPOS"><strong>À PROPOS</strong></a> </li> <li> <ul class="before-footer-ul-2"> <li><a href="/informations/quest-ce-que-l-inpn">Qu'est-ce que l'INPN ?</a></li> <li><a href="/informations/sinp/presentation">Le SINP</a></li> <li><a href="/informations/mission-objectifs">Mission et objectifs</a></li> <li><a href="/informations/organisation-inpn">Organisation</a></li> <li><a href="/partenaires/organismes/liste">Organismes partenaires</a></li> <li><a href="/informations/enquete-satisfaction">Enquête de satisfaction</a></li> <li><a href="/informations/publications">Publications</a></li> <li><a href="/informations/presse">Presse</a></li> </ul> </li> </ul> </div> <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12"> <ul class="before-footer-ul"> <li> <div class= "before-footer"></div> <a href="/actualites/sommaire-actualites" title="actualités"><strong>ACTUALITÉS</strong></a> </li> <li> <ul class="before-footer-ul-2"> <li><a href="/actualites/sommaire-actualites">Dernières actualités</a></li> <li><a href="/actualites/newsletter">Lettres d'information</a></li> </ul> </li> </ul> <ul class="before-footer-ul"> <li> <div class= "before-footer"></div> <a href="/informations/photos/galerie" title="Medias"><strong>MEDIA</strong></a> </li> <li> <ul class="before-footer-ul-2"> <li><a href="/informations/photos/galerie">Galerie Photos</a></li> <li><a href="/accueil/films-sommaire">Tour de France de la biodiversité en vidéos</a></li> </ul> </li> </ul> <ul class="before-footer-ul"> <li> <div class= "before-footer"></div> <a href="/informations/biodiversite/definition" title="contexte"><strong>CONTEXTE</strong></a> </li> <li> <ul class="before-footer-ul-2"> <li><a href="/informations/biodiversite/definition">La biodiversité</a></li> <li><a href="/informations/geodiversite/definition">La géodiversité</a></li> <li><a href="/informations/outre-mer/presentation">Outre-mer</a></li> </ul> </li> </ul> </div> <!-- PROGRAMMES 1 --> <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12"> <ul class="before-footer-ul"> <li> <div class= "before-footer"></div> <a href="/programme/les-programmes" title="programme"><strong>PROGRAMMES</strong></a> </li> <li> <ul class="before-footer-ul-2"> <li><a href="/programme/les-programmes#especes" style="text-transform:uppercase;border-bottom:thin dashed;">Espèces</a></li> <li><a href="/programme/referentiel-taxonomique-taxref">Référentiel taxonomique (TaxRef)</a></li> <li><a href="/programme/base-de-connaissance-statuts/presentation">Base de connaissance<br/>« Statuts »</a></li> <li><a href="/programme/campanule">CAMPanule</a></li> <li><a href="/programme/inventaires-especes">Inventaires nationaux</a></li> <li><a href="/programme/donnees-observations-especes/presentation">Données d'observation sur les espèces</a></li> <li>&nbsp;</li> <li><a href="/programme/les-programmes#habitats" style="text-transform:uppercase;border-bottom:thin dashed;">Habitats</a></li> <li><a href="/programme/referentiel-habitats">Référentiel habitats (HabRef)</a></li> <li><a href="/programme/carhab">CarHab</a></li> <li><a href="/programme/donnees-observations-habitats/presentation">Données d'observation sur les habitats </a></li> <li><a href="/programme/cartographie-nationale-milieux-humides">Cartographie nationale des milieux humides</a></li> </ul> </li> </ul> </div> <!-- PROGRAMMES 2 --> <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12"> <ul class="before-footer-ul"> <li> <div class= "before-footer"></div> <a href="/programme/les-programmes" title="programme"><strong>PROGRAMMES</strong></a> </li> <li> <ul class="before-footer-ul-2"> <li><a href="/programme/les-programmes#espaces" style="text-transform:uppercase;border-bottom:thin dashed;">Espaces</a></li> <li><a href="/programme/espaces-proteges/presentation">Espaces protégés</a></li> <li><a href="/programme/natura2000/presentation/objectifs">NATURA 2000</a></li> <li><a href="/programme/inventaire-znieff/presentation">Znieff</a></li> <li><a href="/programme/trame-verte-et-bleue/presentation">Trame verte et bleue</a></li> <li><a href="/programme/patrimoine-geologique/presentation">Patrimoine géologique (INPG)</a></li> <li>&nbsp;</li> <li><a href="/programme/les-programmes#evaluation" style="text-transform:uppercase;border-bottom:thin dashed;">Évaluation - Conservation</a></li> <li><a href="/programme/listes-rouges/presentation">Listes rouges</a></li> <li><a href="/programme/rapportage-directives-nature/presentation">Évaluation</a></li> <li><a href="/programme/plans-nationaux-d-actions/presentation">Plans nationaux d'actions (PNA)</a></li> <li><a href="/programme/especes-exotiques-envahissantes">Espèces exotiques envahissantes (EEE)</a></li> <li><a href="/programme/sensibilite-ecologique">Sensibilité écologique</a></li> </ul> </li> </ul> </div> <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12"> <ul class="before-footer-ul"> <li> <div class= "before-footer"></div> <a href="/accueil/donnees-referentiels" title="données & outils"><strong>DONNÉES & OUTILS</strong></a> </li> <li> <ul class="before-footer-ul-2"> <li><a href="/telechargement/referentielEspece/referentielTaxo">Référentiel taxonomique (TaxRef)</a></li> <li><a href="/telechargement/referentielEspece/bdc-statuts-especes">Base de connaissance<br/>« Statuts »</a></li> <li><a href="/telechargement/referentiels/habitats">Référentiel habitats (HabRef)</a></li> <li><a href="/telechargement/referentiels/organismes">Référentiel des organismes</a></li> <li><a href="/telechargement/cartes-et-information-geographique">Informations géographiques</a></li> <li><a href="/accueil/recherche-de-donnees">Recherche de données</a></li> </ul> </li> </ul> </div> <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12"> <ul class="before-footer-ul"> <li> <div class= "before-footer"></div> <a href="/accueil/participer" title="participer"><strong>PARTICIPER</strong></a> </li> <li> <ul class="before-footer-ul-2"> <li><a href="/accueil/participer/inpn-especes">INPN ESPÈCES</a></li> <li><a href="/accueil/participer/tout-public">Tout public</a></li> <li><a href="/accueil/participer/experts">Experts</a></li> <li><a href="/accueil/participer/appel">Appel à projets</a></li> <li><a href="/accueil/participer/jeux-educatifs">Jeux éducatifs</a></li> </ul> </li> </ul> </div> </div> <div class="soc"> <ul class="list-soc"> <li><a href="https://www.facebook.com/InventaireNationalPatrimoineNaturel/" title="Facebook" target="_blank"><img src="/img/icones/fb_icon.png" alt="Facebook" /></a></li> <li><a href="https://twitter.com/INPN_MNHN" title="Twitter" target="_blank"><img src="/img/icones/tw_icon.png" alt="Twitter" /></a></li> <li><a href="https://www.youtube.com/channel/UCnWtd37WTOyPdPO8_DEYicw" title="Youtube" target="_blank"><img src="/img/icones/youtube_icon.png" alt="Youtube" /></a></li> <li><a href="https://inpn.mnhn.fr/accueil/actualites/sommaire" title="RSS"><img src="/img/icones/rss_icon.png" alt="RSS" /></a></li> <li><a href="https://inpn.mnhn.fr/contact/contacteznous" title="Contact"><img src="/img/icones/contact_icon.png" alt="Contact" /></a></li> </ul> </div> <div class="separationFooter"></div> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> <div class="subfooter"> Citation : MNHN & OFB [Ed]. 2003-2024. Inventaire national du patrimoine naturel (INPN), Site web : https://inpn.mnhn.fr Le 11 décembre 2024 <div class="row lienFooterHome"> <p><a href="/accueil/plan-du-site">Plan du site</a></p> <p><a href="/accueil/mentions-legales">Mentions légales</a></p> <p><a href="/informations/glossaire">Glossaire</a></p> <p><a href="/accueil/faq-foire-aux-questions">FAQ</a></p> </div> </div> </div> </div> </div> </footer> <script src="/js/scroll_top.js"></script> <div class="separator"></div> <script> $(".before-footer").click(function(){ console.log($(this).parent().next(".before-footer-ul-2")); if($(this).parent().next(".before-footer-ul-2").css("display")=="none"){ $(this).parent().next(".before-footer-ul-2").slideDown(); $(this).addClass("before-footer-open"); }else{ $(this).parent().next(".before-footer-ul-2").slideUp(); $(this).removeClass("before-footer-open") } }); </script> </body> </html> <link rel="stylesheet" type="text/css" href="/css/especes/fiche/ficheEspeceTaxonomy.css" />

Pages: 1 2 3 4 5 6 7 8 9 10