Madininair, La qualité de l'air en Martinique

<!DOCTYPE html> <html> <head>  <meta charset="utf-8"> <meta http-equiv="content-language" content="fr-FR" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Madininair, La qualité de l'air en Martinique</title> <meta name="keywords" content="madininair, air, martinique, qualité, environnement, surveillance, association" /> <meta name="description" content="Madininair est l’association agréée par le Ministère chargé de l’Environnement pour la surveillance de la qualité de l’air en Martinique."> <meta name="author" content="madininair.fr"> <meta property="og:url" content="https://www.madininair.fr/?date=10/04/2025" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Indice Atmo du jour" /> <meta property="og:description" content="Indice Atmo du jour - 10/04/2025" /> <meta property="og:image" content="https://www.madininair.fr/share/indice_atmo.png?1744294074" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@madininair"> <meta name="twitter:title" content="Indice Atmo du jour" /> <meta name="twitter:description" content="Indice Atmo du jour - 10/04/2025" /> <meta name="twitter:image:src" content="https://www.madininair.fr/share/indice_atmo.png?date=date=1744294074" /> <script type="text/javascript"> (function(c,l,a,r,i,t,y){ c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); })(window, document, "clarity", "script", "o4dbsuyml4"); </script>   <link rel="shortcut icon" href="img/favicon/favicon.ico" type="image/x-icon" /> <link rel="apple-touch-icon" sizes="57x57" href="img/favicon/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="img/favicon//apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="img/favicon/apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="img/favicon/apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="img/favicon/apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="img/favicon/apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="img/favicon/apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="img/favicon/apple-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="img/favicon/apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" href="img/favicon/android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="img/favicon/favicon.png"> <link rel="icon" type="image/png" sizes="96x96" href="img/favicon/favicon.png"> <link rel="icon" type="image/png" sizes="16x16" href="img/favicon/favicon.png">  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, shrink-to-fit=no">  <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800%7CRoboto+Slab:300,400,700,900&display=swap" rel="stylesheet" type="text/css">  <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="stylesheet" href="assets/font-madininair-2/css/custom-font-madininair.css"> <link rel="stylesheet" href="assets/animate/animate.compat.css"> <link rel="stylesheet" href="assets/simple-line-icons/css/simple-line-icons.min.css"> <link rel="stylesheet" href="assets/owl.carousel/assets/owl.carousel.min.css"> <link rel="stylesheet" href="assets/owl.carousel/assets/owl.theme.default.min.css"> <link rel="stylesheet" href="assets/magnific-popup/magnific-popup.min.css">    <link rel="stylesheet" href="assets/bootstrap-datepicker/css/bootstrap-datepicker3.standalone.min.css"> <link rel="stylesheet" href="assets/bootstrap-multiselect/css/bootstrap-multiselect.css">  <link rel="stylesheet" href="css/theme.css"> <link rel="stylesheet" href="css/theme-elements.css"> <link rel="stylesheet" href="css/theme-blog.css"> <link rel="stylesheet" href="css/theme-shop.css">  <link rel="stylesheet" href="css/demos/demo-madininair.css">  <link rel="stylesheet" href="css/skins/skin-madininair.css">  <link rel="stylesheet" href="css/custom.css?v=5.9"> <link rel="stylesheet" href="css/custom_module_atmo.css?v=6"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@4.0/dist/fancybox.css"/> <link rel="stylesheet" href="https://cdn.datatables.net/1.11.3/css/jquery.dataTables.min.css"/>  <script> var mediabox_settings={"auto_detect":true,"ns":"box","tt_img":true,"sel_g":"#documents_portfolio a[type='image\/jpeg'],#documents_portfolio a[type='image\/png'],#documents_portfolio a[type='image\/gif']","sel_c":".mediabox","str_ssStart":"Diaporama","str_ssStop":"Arr\u00eater","str_cur":"{current}\/{total}","str_prev":"Pr\u00e9c\u00e9dent","str_next":"Suivant","str_close":"Fermer","str_loading":"Chargement\u2026","str_petc":"Taper \u2019Echap\u2019 pour fermer","str_dialTitDef":"Boite de dialogue","str_dialTitMed":"Affichage d\u2019un media","splash_url":"","lity":{"skin":"_simple-dark","maxWidth":"90%","maxHeight":"90%","minWidth":"400px","minHeight":"","slideshow_speed":"2500","opacite":"0.9","defaultCaptionState":"expanded"}}; </script>  <link rel="stylesheet" href="plugins-dist/mediabox/lib/lity/lity.css?1740067055" type="text/css" media="all" /> <link rel="stylesheet" href="plugins-dist/mediabox/lity/css/lity.mediabox.css?1740067053" type="text/css" media="all" /> <link rel="stylesheet" href="plugins-dist/mediabox/lity/skins/_simple-dark/lity.css?1740067236" type="text/css" media="all" /><link rel='stylesheet' type='text/css' media='all' href='plugins-dist/porte_plume/css/barre_outils.css?1740067001' /> <link rel='stylesheet' type='text/css' media='all' href='local/cache-css/cssdyn-css_barre_outils_icones_css-75a826f5.css?1744205380' /> <link rel="stylesheet" href="plugins/auto/gis/v5.4.0/lib/leaflet/dist/leaflet.css" /> <link rel="stylesheet" href="plugins/auto/gis/v5.4.0/lib/leaflet/plugins/leaflet-plugins.css" /> <link rel="stylesheet" href="plugins/auto/gis/v5.4.0/lib/leaflet/plugins/leaflet.markercluster.css" /> <link rel="stylesheet" href="plugins/auto/gis/v5.4.0/css/leaflet_nodirection.css" /><script src="assets/modernizr/modernizr.min.js"></script> <script src="prive/javascript/jquery.js?1740067670" type="text/javascript"></script> <script src="prive/javascript/jquery.form.js?1740067669" type="text/javascript"></script> <script src="prive/javascript/jquery.autosave.js?1740067668" type="text/javascript"></script> <script src="prive/javascript/jquery.placeholder-label.js?1740067666" type="text/javascript"></script> <script src="prive/javascript/ajaxCallback.js?1740067668" type="text/javascript"></script> <script src="prive/javascript/js.cookie.js?1740067667" type="text/javascript"></script>  <script src="plugins-dist/mediabox/lib/lity/lity.js?1740067055" type="text/javascript"></script> <script src="plugins-dist/mediabox/lity/js/lity.mediabox.js?1740067054" type="text/javascript"></script> <script src="plugins-dist/mediabox/javascript/spip.mediabox.js?1740066579" type="text/javascript"></script><script type='text/javascript' src='plugins-dist/porte_plume/javascript/jquery.markitup_pour_spip.js?1740067034'></script> <script type='text/javascript' src='plugins-dist/porte_plume/javascript/jquery.previsu_spip.js?1740067034'></script> <script type='text/javascript' src='local/cache-js/jsdyn-javascript_porte_plume_start_js-00e9eebd.js?1744205380'></script>  <script> (function(h,o,t,j,a,r){ h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; h._hjSettings={hjid:5013228,hjsv:6}; a=o.getElementsByTagName('head')[0]; r=o.createElement('script');r.async=1; r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; a.appendChild(r); })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv='); </script> </head> <body> <div class="body">  <header id="header" class="header-effect-shrink" data-plugin-options="{'stickyEnabled': true, 'stickyEffect': 'shrink', 'stickyEnableOnBoxed': true, 'stickyEnableOnMobile': true, 'stickyChangeLogo': true, 'stickyStartAt': 30, 'stickyHeaderContainerHeight': 85}"> <div class="header-body header-body-bottom-border border-top-0"> <div class="header-top header-top-bottom-containered-border pt-2"> <div class="container"> <div class="header-row">  <div id="pre_menu" class="header-column"> <div class="header-row"> <ul class="header-social-icons social-icons social-icons-clean social-icons-medium position-relative right-7 d-none d-md-block ml-0"> <li class="social-icons-twitter"><a href="https://twitter.com/Madininair972" target="_blank" title="Twitter"><i class="fab fa-x-twitter"></i></a></li> <li class="social-icons-facebook"><a href="https://www.facebook.com/Madininair" target="_blank" title="Facebook"><i class="fab fa-facebook-f"></i></a></li> <li class="social-icons-instagram"><a href="https://www.instagram.com/madininair/" target="_blank" title="Instagram"><i class="fab fa-instagram"></i></a></li> <li class="social-icons-youtube"><a href="https://www.youtube.com/channel/UCpI_c0ldj-5fWuVh4Gl09_w" target="_blank" title="Youtube"><i class="fab fa-youtube"></i></a></li> <li class="social-icons-linkedin"><a href="https://www.linkedin.com/company/madininair/" target="_blank" title="Linkedin"><i class="fab fa-linkedin-in"></i></a></li> </ul> <ul class="nav nav-pills" id="mainNav">  <li><a href="spip.php?page=espace-pro-collectivite" class="nav-link text_vert">Collectivités</a></li> <li><a href="spip.php?page=espace-pro-presse" class="nav-link text_bleu">Presse</a></li> <li><a href="spip.php?page=espace-pro-enseignant" class="nav-link text_orange">Enseignants</a></li> <li><a href="#" class="nav-link text_bleuf" data-toggle="modal" data-target="#searchModal"><i class="fas fa-search"></i></a></li> <li><a href="https://www.madininair.fr/Restez-informes" alt="Restez informés" title="Restez informés" class="nav-link text_bleuf"><i class="fas fa-envelope"></i><span> NOS ABONNEMENTS</span></a></li>  </ul> </div> </div> <div class="header-column justify-content-end vigilance_head"> <div class="header-row"> <div class="btn py-2 pr-0 text-8">  </div>   </div> </div> </div> </div> </div>  <div id="menu_content"> <div class="header-container container"> <div class="header-row"> <div class="header-column"> <div class="header-row"> <div class="header-logo"> <a href="https://www.madininair.fr"> <img src="img/logo_madininair.svg" class="img-fluid" width="160" height="auto" /> </a> </div> </div> </div>  <div class="header-column justify-content-end"> <div class="header-row"> <div class="header-nav header-nav-links"> <div class="header-nav-main header-nav-main-text-capitalize header-nav-main-effect-2 header-nav-main-sub-effect-1"> <nav class="collapse"> <ul class="nav nav-pills" id="mainNav"> <li class="dropdown"> <a class="dropdown-item dropdown-toggle " href="#"> Qui sommes-nous ? </a> <ul class="dropdown-menu"> <li class=""> <a class="dropdown-item" href="Historique">Historique</a> </li> <li class=""> <a class="dropdown-item" href="Structure">Structure</a> </li> <li class=" dropdown-submenu"> <a class="dropdown-item" href="#">Missions et actions</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="MESURER-LES-POLLUANTS">Mesurer les polluants atmosphériques</a></li> <li><a class="dropdown-item" href="INVENTORIER-LES-EMISSIONS-DE">Inventorier les émissions de polluants atmosphériques</a></li> <li><a class="dropdown-item" href="MODELISER-LA-QUALITE-DE-L-AIR">Modéliser la qualité de l’air</a></li> <li><a class="dropdown-item" href="CONSEILLER-AIDER-A-LA-DECISION">Conseiller et accompagner</a></li> <li><a class="dropdown-item" href="ALERTER">Alerter</a></li> <li><a class="dropdown-item" href="Informer-et-sensibiliser-85">Informer et sensibiliser</a></li> </ul> </li> <li class=""> <a class="dropdown-item" href="Moyens-techniques">Moyens techniques</a> </li> <li class=""> <a class="dropdown-item" href="Carte-des-Stations-32">Implantation des points de prélèvement</a> </li> <li class=""> <a class="dropdown-item" href="Equipe-de-Madininair">Equipe de Madininair</a> </li> <li class=""> <a class="dropdown-item" href="Demarche-qualite">Engagement qualité</a> </li> </ul> </li> <li class="dropdown"> <a class="dropdown-item dropdown-toggle " href="#"> Comprendre </a> <ul class="dropdown-menu"> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Air extérieur</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="Air-Climat-Energie">Air Santé Climat Energie</a></li> <li><a class="dropdown-item" href="Particularites-regionales">Particularités régionales</a></li> <li><a class="dropdown-item" href="Polluants">Polluants</a></li> <li><a class="dropdown-item" href="Cadre-reglementaire">Cadre réglementaire</a></li> <li><a class="dropdown-item" href="Indice-ATMO-78">Indice ATMO</a></li> <li><a class="dropdown-item" href="Alertes">Episode de pollution</a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Air intérieur</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="Polluants-interieurs">Polluants intérieurs</a></li> <li><a class="dropdown-item" href="Cadre-reglementaire,47">Cadre réglementaire</a></li> </ul> </li> </ul> </li> <li class="dropdown"> <a class="dropdown-item dropdown-toggle" href="#"> Agir </a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="A-la-maison">À la maison</a></li> <li><a class="dropdown-item" href="Dans-mes-deplacements">Dans mes déplacements</a></li> <li><a class="dropdown-item" href="Dans-mon-jardin">Dans mon jardin</a></li> <li><a class="dropdown-item" href="En-cas-de-pic-de-pollution">En cas de pic de pollution</a></li> </ul> </li> <li class="dropdown"> <a class="dropdown-item dropdown-toggle" href="spip.php?page=hub"> Mesures & données </a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="Indice-ATMO-31">Historique indice ATMO</a></li> <li><a class="dropdown-item" href="Mesures-fixes">Mesures réglementaires</a></li> <li><a class="dropdown-item" href="Message-alerte">Épisodes de pollution</a></li>  <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Mesures réseau sargasses</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="surveillance-continue-sargasses">Surveillance continue H2S et NH3</a></li> <li><a class="dropdown-item" href="Mesures-complementaires">Mesures complémentaire</a></li> </ul> </li> <li><a class="dropdown-item" href="Inventaire-des-emissions">Inventaire des émissions</a></li> <li><a class="dropdown-item" href="spip.php?page=hub">Synthèse</a></li> <li><a class="dropdown-item" href="https://data-madininair.opendata.arcgis.com/">Open Data</a></li> </ul> </li> <li class="dropdown"> <a class="dropdown-item dropdown-toggle" href="#"> Ressources & Publications </a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="Actualites">Actualités</a></li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Publications</a> <ul class="dropdown-menu">  <li><a class="dropdown-item" href="Publications">Recherche</a></li> <li><a class="dropdown-item" href="L-Air-de-Martinique">L’Air de Martinique</a></li> <li><a class="dropdown-item" href="Rapports-d-etude">Rapports d’études</a></li> <li><a class="dropdown-item" href="Fiches-etudes">Fiches études</a></li> <li><a class="dropdown-item" href="Rapports-annuels">Rapports annuels</a></li> </ul> </li> <li><a class="dropdown-item" href="Cartographies?tri=true">Cartothèque</a></li> <li><a class="dropdown-item" href="Mediatheque">Médiathèque</a></li> <li><a class="dropdown-item" href="Jeux-en-ligne">Jeux en ligne</a></li> </ul> </li> <li><a href="Contact" class="nav-link ">Contact</a></li> </ul> </nav> </div> </div> <button class="btn header-btn-collapse-nav" data-toggle="collapse" data-target=".header-nav-main nav"> <i class="fas fa-bars"></i> </button> </div> </div> </div> </div> </div>  <div id="bandeau_pollution" class="no_episode pb-0 header-top"> <div class="container"> <div class="row"> <div class="col-8 text-center text-uppercase infos_bandeau"> <span><img src="https://www.madininair.fr/img/none.jpg"> Absence d’épisode de pollution</span> </div> <div class="col-4 text-right pt-0"> <a href="Alertes" class="btn btn-outline btn-rounded btn-sm btn-secondary mt-0"><i class="fas fa-info-circle mr-2"></i> En savoir plus</a> </div> </div> </div> </div> </div> </header>  <div class="modal fade" id="searchModal" tabindex="-1" role="dialog" aria-labelledby="searchModal" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title" id="formModalLabel">Effectuer une recherche</h4> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> </div> <div class="modal-body"> <form action="spip.php?page=recherche" id="demo-form" class="mb-4" method="get" novalidate="novalidate"> <input type="hidden" name="page" value="recherche"> <div class="form-group row align-items-center"> <label class="col-sm-12 mb-0">Saisissez votre recherche</label> <div class="col-sm-12"> <input type="text" name="recherche" class="form-control" placeholder="" value="" required/> </div> </div> <button type="submit" class="btn btn-primary">Rechercher</button> </form> </div>  </div> </div> </div>   <div id="menu_rapide_position" class="col-lg-3"> <div id="acces_rapide" class="toggle toggle-primary toggle-sm" data-plugin-toggle> <section class="toggle active"> <a class="toggle-title text-uppercase font-weight-bold">Accès rapide</a> <div id="toggle-content" class="toggle-content"> <ul> <li><a href="Mesures-fixes" class="pt-0"><i class="fas fa-chart-bar mr-2 text-5"></i> Mesures fixes</a></li></a> <li class="vert"><a href="MESURES-ALGUES-SARGASSES"><i class="demo-icon icon-sargasse-3 mr-2 text-6" style="left: -10px;"></i> Mesures réseau sargasses</a></li> <li class="orange"><a href="https://data-madininair.opendata.arcgis.com/"><i class="fas fa-cloud-download-alt mr-2 text-5"></i> Open Data</a></li> <li style="background:#384C9B"><a href="https://www.madininair.fr/Restez-informes"><i class="fas fa-envelope mr-2 text-5"></i> Restez informés</a></li> <li style="background:rgb(177, 68, 133)"><a href="Jeux-en-ligne"><i class="fas fa-gamepad mr-2 text-5"></i> Jeux en ligne</a></li> </ul> </div> </section> </div> </div>  <div role="main" class="main">  <section class="projecteur_accueil section section-with-shape-divider section-parallax bg-tertiary border-0 m-0"> <div class="owl-carousel bg-home" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 110%;" data-plugin-options="{'margin': 0, 'loop': true, 'dots': false, 'dotsEach': 1, 'nav': true, 'autoplay': true, 'autoplayTimeout': 8000, 'items': 1, 'animateOut': 'fadeOut'}"> <img src="img/backgrounds/background_martinique_1.jpg"/> <img src="img/backgrounds/background_martinique_2.jpg"/> <img src="img/backgrounds/background_martinique_3.jpg"/> <img src="img/backgrounds/background_martinique_5.jpg"/> </div> <div id="degrad_noir">  <div id="header_decor"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 368 77" preserveAspectRatio="xMinYMin"> <style type="text/css"> .st01{fill:#FFFFFF;} .st11{fill:#F49C03;} .st21{fill:#384C9B;} .st31{fill:#E30436;} .st41{fill:#0DBBEE;} .st51{fill:#BCCF00;} </style> <g id="fond"> <path class="st01" d="M372.9,79.8H-1c0,0,0-57.9,0-75.9c55,40,154.7,47.2,223.2,36.7S323.6,19.5,371.7,1 C371.7,24.6,372.9,79.8,372.9,79.8z"/> </g> <g id="trait"> <path class="st51" d="M-1,21.8c7.1,5.6,14.9,10.1,23,14.1c14.2,7,29.1,11.9,44.4,15.5c11.2,2.7,22.6,4.7,34,6.1 c6.5,0.8,13,1.4,19.5,1.9c1.5,0.1,2.5,1.2,2.4,2.5c-0.1,1.4-1.2,2.4-2.7,2.3c-3.9-0.3-7.9-0.6-11.8-1c-6.7-0.7-13.4-1.6-20.1-2.6 c-15.7-2.5-31.2-6.1-46.3-11.4C29.4,45,17.7,39.7,6.7,33c-2.3-1.4-4.6-2.9-6.8-4.5C-0.3,28.3-0.6,28-1,28C-1,25.9-1,23.8-1,21.8z" /> <path class="st11" d="M371.7,10.3c-1,0.2-1.8,0.8-2.7,1.2c-14.8,7-30.2,12.3-45.8,17c-16.1,4.8-32.5,8.7-49,12 c-6.4,1.3-12.7,2.4-19.2,3.4c-1.6,0.2-2.8-0.6-3-2c-0.2-1.4,0.7-2.5,2.2-2.8c23-3.7,45.6-8.8,67.9-15.5c16.8-5,33.2-10.8,48.9-18.7 c0.2-0.1,0.4-0.3,0.6-0.2C371.7,6.7,371.7,8.5,371.7,10.3z"/> <path class="st21" d="M-1,9.7c4,3.3,8.1,6.4,12.5,9.2c8.2,5.3,17,9.3,26.4,12.1c0.2,0.1,0.4,0.1,0.6,0.2c1.4,0.5,2.1,1.7,1.7,3 c-0.4,1.3-1.7,2-3.1,1.6c-1.7-0.5-3.5-1-5.2-1.6c-11.7-4-22.4-10-32.1-17.6c-0.3-0.2-0.5-0.6-0.9-0.5C-1,14-1,11.9-1,9.7z"/> <path class="st31" d="M371.7,18.7c-3.8,1.8-7.5,3.6-11.3,5.4c-7,3.2-14,6.1-21.1,8.9c-0.8,0.3-1.6,0.5-2.4,0 c-0.9-0.5-1.3-1.2-1.3-2.2c0.1-1,0.6-1.8,1.5-2.2c2.9-1.2,5.9-2.3,8.8-3.6c8.5-3.6,17-7.2,25.2-11.6c0.2-0.1,0.3-0.2,0.5-0.2 C371.7,15,371.7,16.9,371.7,18.7z"/> <path class="st41" d="M157.6,55.7c-10.5,0-21.1-0.4-31.6-1.2c-21.9-1.7-43.5-5.2-64.7-10.8c-5.2-1.4-10.3-2.9-15.4-4.6 c-1.4-0.5-2-1.4-1.9-2.7c0.1-1.1,0.9-1.9,2.1-2.1c0.5-0.1,1,0.1,1.4,0.2c13.1,4.3,26.4,7.6,39.9,10.1c9.6,1.8,19.3,3.1,29.1,4.2 c16.4,1.7,32.8,2.3,49.3,2c10.8-0.2,21.6-0.8,32.3-1.9c15.3-1.5,30.6-4,45.6-7.4c1.7-0.4,3,0.2,3.4,1.6c0.4,1.5-0.4,2.7-2.1,3.1 c-3.7,0.8-7.4,1.6-11.1,2.4c-8.8,1.8-17.8,3.1-26.7,4.2c-7.2,0.9-14.5,1.6-21.7,2C176.2,55.4,166.9,55.8,157.6,55.7z"/> <path class="st21" d="M179.3,64.5c-1.6,0-2.7-0.9-2.7-2.4c0-1.4,1.1-2.4,2.6-2.5c8.1-0.2,16.1-0.7,24.1-1.4c9.7-0.8,19.4-2,29-3.4 c20.2-3,40.2-7.2,59.9-12.4c12-3.2,24-6.8,35.8-10.8c0.6-0.2,1.2-0.5,1.9-0.4c1.2,0.1,2,1,2.2,2.1c0.1,1.2-0.5,2.2-1.7,2.6 c-2.7,0.9-5.5,1.8-8.3,2.7c-22,7.1-44.3,12.9-66.9,17.2c-11.3,2.2-22.6,3.9-34,5.3c-11.6,1.4-23.2,2.4-34.9,3 C186.2,64.3,181.6,64.5,179.3,64.5z"/> <path class="st31" d="M149.6,66.1c-6.5,0-12.9-0.1-19.4-0.7c-1.4-0.1-2.4-1.2-2.4-2.6c0.1-1.4,1.2-2.4,2.8-2.3 c6,0.5,11.9,0.6,17.9,0.6c6.4,0,12.9-0.2,19.3-0.8c1.7-0.2,2.8,0.4,3.2,1.6c0.5,1.6-0.5,3.1-2.3,3.2c-6.1,0.5-12.3,0.8-18.4,0.8 C150.1,66.1,149.8,66.1,149.6,66.1z"/> </g> </svg> </div> <div class="container pb-5"> <div class="row mb-5 pb-5"> <div class="col-lg-12 text-center"> <h1 class="text-color-light font-weight-medium line-height-4 text-10 appear-animation mb-3" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="300"> La qualité de l’air en Martinique au quotidien</h1> </div> <div class="col-lg-10 offset-lg-1 mb-5 pb-5">  <div class="widget_atmo section_widget tabs"> <ul class="nav nav-tabs"> <li class="nav-item active"> <a class="nav-link" href="#atmo" data-toggle="tab">Indice atmo</a> </li> <li class="nav-item"> <a class="nav-link" href="#sargasse" data-toggle="tab">Sargasses</a> </li> </ul> <div class="tab-content">  <div id="atmo" class="tab-pane active"> <div class="row"> <div class="col-lg-6 mt-3 widget-map-placeholder"> <div class="text-center">  <svg id="mq_carte_atmo" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 522.42 615.07" style="enable-background:new 0 0 522.42 615.07;" xml:space="preserve" width="65%" height="auto"> <style type="text/css"> .st0{fill:#CDCCCC;} </style> <g id="97218_2_grd_riviere" data-code="97211" data-ville="Grand Rivière" data-toggle="tooltip" data-placement="bottom" title="Grand Rivière"> <polygon class="st0" points="79.49,80.69 81.72,61.35 79.49,43 79.49,10.76 64.86,13.74 37.58,29.36 50.97,45.73 54.94,64.32 "/> </g> <g id="97218_1_macouba" data-code="97215" data-ville="Macouba" data-toggle="tooltip" data-placement="bottom" title="Macouba"> <polygon class="st0" points="84.2,82.92 108.5,53.16 128.08,14.73 106.14,9.03 81.72,10.76 81.72,42.5 85.19,61.84 "/> </g> <g id="97218_basse_pointe" data-code="97203" data-ville="Basse-Pointe" data-toggle="tooltip" data-placement="bottom" title="Basse-Pointe"> <polygon class="st0" points="86.43,84.9 110.73,54.4 131.56,14.48 161.31,27.13 170.98,37.79 177.67,38.54 163.54,64.82 156.35,62.59 132.05,71.02 108.5,92.09 "/> </g> <g id="97216_ajoupa_bouillon" data-code="97201" data-ville="L'Ajoupa-Bouillon" data-ville="Basse-Pointe" data-toggle="tooltip" data-placement="bottom" title="L'Ajoupa-Bouillon"> <polygon class="st0" points="86.43,88.12 108.5,95.32 132.05,75.23 155.11,65.56 162.8,68.04 159.82,87.13 150.4,93.83 130.32,104.61 109.49,102.01 101.8,95.07 91.14,93.83 "/> </g> <g id="97214_lorrain" data-code="97214" data-ville="Le Lorrain" data-toggle="tooltip" data-placement="bottom" title="Le Lorrain"> <polygon class="st0" points="181.39,168.96 199.49,165.24 206.93,160.03 224.54,78.7 233.21,65.07 229.5,59.36 223.54,63.83 213.13,61.84 200.98,50.68 189.08,48.7 181.39,40.27 165.77,66.31 163.54,87.88 155.11,94.82 155.11,112.92 165.77,136.72 178.42,142.43 179.66,152.84 176.43,160.53 "/> </g> <g id="97225_marigot" data-code="97216" data-ville="Le Marigot" data-toggle="tooltip" data-placement="bottom" title="Le Marigot"> <polygon class="st0" points="188.83,192.76 204.7,182.35 215.11,181.35 218.34,175.65 218.34,155.32 227.76,134.49 226.77,119.86 258.75,91.1 256.52,81.18 245.36,73.74 245.61,69.28 235.07,68.04 226.77,80.19 210.16,160.53 202.22,167.47 181.39,171.68 179.66,176.64 181.39,185.32 "/> </g> <g id="97230_st_marie" data-code="97228" data-ville="Sainte-Marie" data-toggle="tooltip" data-placement="bottom" title="Sainte-Marie"> <polygon class="st0" points="221.56,172.68 247.47,182.35 265.7,182.35 273.63,175.65 282.8,172.68 288.76,163.01 300,161.77 315.53,148.62 310.82,143.42 305.37,132.26 285.53,117.63 276.36,93.83 269.66,96.06 261.31,93.83 230.74,121.1 231.73,134 221.56,155.57 "/> </g> <g id="97260_morne_rouge" data-code="97218" data-ville="Le Morne-Rouge" data-toggle="tooltip" data-placement="bottom" title="Le Morne-Rouge"> <polygon class="st0" points="109.04,124.82 97.12,142.71 94.86,153.27 107.13,157.01 122.66,168.96 126.84,168.96 160.02,185.2 177.67,173.7 172.03,161.44 175.44,153.95 175.44,144.75 164.04,140.57 151.6,114.45 150.24,98.44 132.05,107.64 110.06,106.27 104.9,100.49 "/> </g> <g id="97250_2_st_pierre" data-code="97219" data-ville="Le Prêcheur" data-toggle="tooltip" data-placement="bottom" title="Le Prêcheur"> <polygon class="st0" points="23.45,124.82 31.88,113.66 62.13,98.04 75.52,87.88 83.21,86.64 52.21,67.05 48.49,48.21 34.86,29.36 28.66,32.83 6.84,78.95 9.07,101.27 "/> </g> <g id="97250_1_st_pierre" data-code="97225" data-ville="Saint-Pierre" data-toggle="tooltip" data-placement="bottom" title="Saint-Pierre"> <polygon class="st0" points="91.88,187.55 91.88,173.92 117.42,169.53 104.65,160.28 91.88,155.82 94.86,139.7 104.65,123.83 101.55,98.54 89.9,97.05 84.45,90.36 77.01,90.36 64.61,100.52 33.62,116.39 26.18,126.81 36.09,131.02 44.77,145.15 66.59,168.96 71.8,179.12 68.82,187.55 78.49,187.55 88.16,190.78 "/> </g> <g id="97250_fond_st_denis" data-code="97208" data-ville="Fonds-Saint-Denis" data-toggle="tooltip" data-placement="bottom" title="Fonds-Saint-Denis"> <polygon class="st0" points="185.61,194.74 179.66,188.79 176.93,178.87 159.57,189.78 126.84,171.68 94.86,175.65 94.86,185.07 102.3,192.76 137.26,204.17 148.17,225.74 158.58,227.97 162.55,232.93 174.7,218.3 181.39,218.55 177.43,200.94 179.66,196.48 "/> </g> <g id="97226_morne_vert" data-code="97233" data-ville="Le Morne-Vert" data-toggle="tooltip" data-placement="bottom" title="Le Morne-Vert"> <polygon class="st0" points="142.96,239.62 145.44,227.22 135.77,207.88 127.84,205.41 96.84,214.58 93.37,225.98 98.08,236.4 107.13,241.11 "/> </g> <g id="97221_carbet" data-code="97204" data-ville="Le Carbet" data-toggle="tooltip" data-placement="bottom" title="Le Carbet"> <polygon class="st0" points="80.48,256.98 94.86,237.64 89.9,225.49 93.37,212.84 124.86,203.67 102.67,195.98 94.86,190.78 88.16,195.24 78.25,190.78 67.09,190.78 62.13,221.77 "/> </g> <g id="97222_1_bellefontaine" data-code="97234" data-ville="Bellefontaine" data-toggle="tooltip" data-placement="bottom" title="Bellefontaine"> <polygon class="st0" points="98.58,283.26 125.36,267.89 123.87,258.96 131.06,243.84 108.25,243.84 97.09,239.62 83.21,258.96 "/> </g> <g id="97222_case_pilote" data-code="97205" data-ville="Case-Pilote" data-toggle="tooltip" data-placement="bottom" title="Case-Pilote"> <polygon class="st0" points="140.23,317.73 141.72,301.61 151.39,287.72 153.87,257.97 143.95,243.84 134.53,243.84 126.84,260.95 129.08,268.88 99.82,285.99 102.3,292.93 112.71,297.64 122.88,312.02 "/> </g> <g id="97233_schoelcher" data-code="97229" data-ville="Schœlcher" data-toggle="tooltip" data-placement="bottom" title="Schœlcher"> <polygon class="st0" points="175.19,351.2 184.12,330.37 184.12,309.54 163.79,267.64 158.33,242.35 160.32,235.9 157.09,230.45 148.66,228.71 145.44,241.11 153.87,251.77 157.59,262.19 155.11,289.96 145.44,302.85 143.95,319.71 158.09,327.64 "/> </g> <g id="97220_trinite" data-code="97230" data-ville="La Trinité" data-toggle="tooltip" data-placement="bottom" title="La Trinité"> <polygon class="st0" points="314.29,228.46 320.49,231.69 322.48,223.01 356.69,215.57 369.59,204.91 359.67,206.64 350,195.74 354.71,185.32 351.73,177.39 360.91,164.49 376.03,164.49 388.43,169.45 396.12,178.87 409.75,180.36 409.75,170.94 415.71,160.03 412.73,148.62 420.91,144.66 434.8,151.35 437.03,139.45 432.32,133.5 420.66,131.02 383.72,153.83 366.12,152.84 351.73,160.28 335.62,182.35 328.92,175.9 323.47,155.82 317.27,150.86 301.65,164.49 289.25,166.23 284.79,174.91 277.35,175.9 265.7,184.83 284.04,191.52 292.97,196.97 302.14,204.17 314.29,221.03 "/> </g> <g id="97213_gros_morne" data-code="97212" data-ville="Gros-Morne" data-toggle="tooltip" data-placement="bottom" title="Gros-Morne"> <polygon class="st0" points="184.12,198.96 192.06,209.37 208.92,221.52 236.19,231.69 257.27,236.89 291.48,258.96 296.44,248.3 298.92,238.63 307.1,236.4 310.82,230.7 310.82,221.52 300,206.64 287.16,196.73 258.75,186.31 247.47,186.31 221.31,175.65 218.09,183.59 207.18,185.32 191.06,196.23 "/> </g> <g id="97212_st_joseph" data-code="97224" data-ville="Saint-Joseph" data-toggle="tooltip" data-placement="bottom" title="Saint-Joseph"> <polygon class="st0" points="235.94,298.63 235.94,295.66 265.7,288.47 276.36,280.53 287.16,279.05 288.76,260.51 256.52,239.87 233.46,236.15 205.44,223.01 189.33,211.36 181.39,200.94 184.12,217.8 191.06,223.51 191.56,230.45 185.36,239.62 187.59,260.51 205.2,273.59 222.8,292.68 "/> </g> <g id="97200_fort_de_france" data-code="97209" data-ville="Fort-de-France" data-toggle="tooltip" data-placement="bottom" title="Fort-de-France"> <polygon class="st0" points="189.08,227.47 184.12,221.77 176.68,221.77 163.29,236.65 161.56,245.57 166.76,267.14 186.6,306.87 187.84,329.13 177.67,352.19 212.39,352.19 217.84,357.65 237.43,359.13 235.07,347.98 240.09,345.99 241.65,311.78 236.44,302.35 221.56,296.4 202.18,274.45 183.84,261.73 181.11,238.92 "/> </g> <g id="97231_robet" data-code="97222" data-ville="Le Robert" data-toggle="tooltip" data-placement="bottom" title="Le Robert"> <polygon class="st0" points="348.84,308.37 372,308.37 395.16,282.98 411.07,282.98 414.14,287.16 424.19,281.02 425.3,273.77 414.14,276.84 393.77,273.77 377.3,287.16 370.6,286.88 354.42,266.79 360.28,253.12 371.16,250.33 376.19,241.39 394.6,236.65 399.35,228.56 390.7,225.49 387.07,212.65 367.26,218.23 364.74,212.65 357.21,218.79 324.84,225.49 321.49,234.7 313.67,231.63 309.77,238.05 301.39,240.56 300,247.53 308.37,254.51 318.7,273.77 334.05,283.26 "/> </g> <g id="97232_lamentin" data-code="97213" data-ville="Le Lamentin" data-toggle="tooltip" data-placement="bottom" title="Le Lamentin"> <polygon class="st0" points="283.91,402.14 283.91,389.02 292.19,375.07 313.95,356.09 319.53,345.21 336.84,339.63 348.84,340.88 346.32,312.28 331.26,285.77 316.37,276.56 307.35,257.02 299.16,250.33 290.79,265.95 290.23,282.42 279.91,282.7 267.35,290.51 240.09,298.6 243.91,311.44 243.63,343.53 257.02,338.51 261.31,340.88 266.23,353.58 261.31,369.77 273.49,382.05 274.6,397.12 "/> </g> <g id="97240_francois" data-code="97210" data-ville="Le François" data-toggle="tooltip" data-placement="bottom" title="Le François"> <polygon class="st0" points="412.6,397.12 427.81,383.44 441.21,381.49 468,368.37 462.98,362.23 447.91,365.02 441.49,358.32 442.32,347.44 435.35,338.23 436.46,330.14 410.79,324.84 414.14,304.19 401.58,292.46 404.93,288.28 410.51,288.28 408.28,284.65 396.56,286.33 375.35,310.88 348.84,312.28 354.7,340.88 352.19,343.53 362.79,351.63 365.3,364.74 373.39,376.19 394.23,380.09 "/> </g> <g id="97224_ducos" data-code="97207" data-ville="Ducos" data-toggle="tooltip" data-placement="bottom" title="Ducos"> <polygon class="st0" points="287.16,402.14 291.07,402.14 300,415.53 312,410.98 320.93,415.53 327.07,415.53 342.14,407.16 346.88,390.42 362.51,366.98 360.84,354.42 348.84,344.93 336,343.53 320.93,348.56 314.51,359.72 295.26,376.74 287.16,389.02 "/> </g> <g id="97270_st_esprit" data-code="97223" data-ville="Saint-Esprit" data-toggle="tooltip" data-placement="bottom" title="Saint-Esprit"> <polygon class="st0" points="344.65,407.16 348.84,394.32 364.19,369.77 372.28,378.7 392.93,382.88 409.39,398.23 417.49,418.32 409.39,428.98 394.23,431.44 378.6,428.98 371.72,417.49 "/> </g> <g id="97215_riviere_salee" data-code="97221" data-ville="Rivière-Salée" data-toggle="tooltip" data-placement="bottom" title="Rivière-Salée"> <polygon class="st0" points="284.84,426.6 283.91,470.14 293.02,476.09 300.09,471.81 307.35,475.16 327.26,474.42 343.63,480 365.58,469.21 371.53,453.3 378.6,445.77 377.12,431.25 369.67,420.46 343.26,410.98 329.12,418.79 319.26,419.72 312,415.25 299.53,418.98 292.65,416 "/> </g> <g id="97229_trois_ilets" data-code="97231" data-ville="Les Trois-Îlets" data-toggle="tooltip" data-placement="bottom" title="Les Trois-Îlets"> <polygon class="st0" points="272.56,470.14 277.58,464.74 281.67,464.74 281.67,431.44 248,432.19 237.21,426.42 237.21,415.07 222.88,409.86 206.33,428.98 198.51,428.98 217.3,467.91 232.37,464.56 244.09,471.07 255.63,466.79 "/> </g> <g id="97217_anses_arlet" data-code="97202" data-ville="Les Anses-d'Arlet" data-toggle="tooltip" data-placement="bottom" title="Les Anses-d'Arlet"> <path class="st0" d="M220.28,533.95l-2.79-7.81l2.79-7.81l-2.79-17.12l8.56-14.51c0,0-22.7-32.56-30.14-57.3 c-2.6-0.93-3.35,0-3.35,0s-12.84,10.6-20.84,24.19c-0.74,3.53-2.23,13.21-2.23,13.21l13.4,7.81V488l7.44,9.3l-0.19,16.93 c0,0,11.35,4.65,13.95,6.7s5.95,10.79,7.44,11.53S217.86,534.32,220.28,533.95z"/> </g> <g id="97223_diamant" data-code="97206" data-ville="Le Diamant" data-toggle="tooltip" data-placement="bottom" title="Le Diamant"> <path class="st0" d="M224,531.53c0,0,3.72-2.42,4.65-4.65c0.93-2.23,2.6-11.16,3.91-11.91c1.3-0.74,21.02-13.77,27.91-11.91 c6.88,1.86,35.16,11.91,35.16,11.91l8.74-7.07l2.23-6.88l-2.79-3.91l5.4-5.77l-2.42-13.02l-6.33-3.53l-7.26,4.09l-12.84-6.51 l0.56-4.47l-7.81,6.14c0,0-12.28-3.91-15.81-3.91c-3.53,0-10.79,3.16-13.02,3.16c-2.23,0-11.53-5.4-11.53-5.4l-13.77,3.53 l10.23,14.88l-8.56,16.19c0,0,3.91,12.84,3.16,16.19c-0.74,3.35-3.16,8.19-3.16,8.19L224,531.53z"/> </g> <g id="97228_st_luce" data-code="97227" data-ville="Sainte-Luce" data-toggle="tooltip" data-placement="bottom" title="Sainte-Luce"> <polygon class="st0" points="309.21,478.14 312.93,491.91 307.35,497.3 319.81,515.16 331.26,512 343.07,519.25 368.19,522.79 386.98,513.86 394.23,514.05 388.84,482.79 378.6,470.14 378.6,460.09 373.21,456.37 367.81,471.81 344,483.72 329.3,477.21 "/> </g> <g id="97280_vauclin" data-code="97232" data-ville="Le Vauclin" data-toggle="tooltip" data-placement="bottom" title="Le Vauclin"> <polygon class="st0" points="414.14,399.91 429.21,386.23 445.95,382.32 467.72,371.72 469.39,377.58 465.77,385.81 479.16,399.91 491.44,395.16 485.02,410.98 491.44,427.53 488.37,436.19 497.02,436.19 498.14,443.16 488.37,450.42 486.98,460.46 499.53,462.98 499.53,476.93 486.98,471.07 472.74,471.07 456.84,456.37 452.65,456.37 448.46,440.46 433.39,434.23 420.56,417.21 "/> </g> <g id="97227_st_anne" data-code="97226" data-ville="Sainte-Anne" data-toggle="tooltip" data-placement="bottom" title="Sainte-Anne"> <polygon class="st0" points="454.32,522.79 475.81,512.37 501.21,513.49 511.25,524.65 503.44,534.14 499.53,551.16 488.93,567.63 475.25,567.63 472.46,571.25 476.37,579.35 482.79,584.65 472.46,586.6 463.25,600 454.32,604.74 442.32,604.74 420.56,576.56 435.63,553.67 430.32,542.51 431.44,538.32 436.74,544.18 443.44,542.23 444.28,533.86 452.37,534.14 "/> </g> <g id="97290_marin" data-code="97217" data-ville="Le Marin" data-toggle="tooltip" data-placement="bottom" title="Le Marin"> <path class="st0" d="M403.53,531.53l6.98-4.37l2.09-12l13.53-22.6L440.65,480l13.67-20.93l16.47,14.51l13.95,0.28l16.19,6.14v3.91 c0,0,5.86,0.28,8.37,4.47c2.51,4.19,6.42,13.12,6.42,13.12l-3.35,5.58h-8.09l-2.23,3.07l-25.67-1.12l-22.05,10.33l-4.47-5.58 l-11.44-0.84l-28.47,24.28L403.53,531.53z"/> </g> <g id="97211_riviere_pilote" data-code="97220" data-ville="Rivière-Pilote" data-toggle="tooltip" data-placement="bottom" title="Rivière-Pilote"> <polygon class="st0" points="380.09,432.28 394.23,434.51 411.07,432.28 419.16,420.84 430.6,435.63 445.12,442.32 449.86,457.67 438.42,477.49 423.91,489.58 409.39,514.6 406.88,526.6 401.3,529.12 396.28,522.79 398.23,514.05 392.09,481.5 381.77,467.91 381.49,457.95 375.35,453.49 382.32,446.79 "/> </g> </svg> </div> <div class="placeholder-message-indice-atmo"> <h4 class="text-center font-weight-normal text-5 mt-2"><strong class="font-weight-extra-bold">Choisir une commune</strong></h4> <div class="row align-items-center mb-3"> <div class=" col-9 text-center">  <select class="custom-select selection-zone-atmo"> </select> </div> <div class="col-3 text-center"> <h3 class="font-weight-extra-bold mb-0"> <a href="#" class="share-indice-atmo" data-toggle="modal" data-target="#partageIndiceAtmo"><i class="fas fa-share-alt"></i></a> </h3> </div> </div> </div> </div> <div class="col-lg-6 prevision"> <h4 class="title_h4">Prévisions </h4> <div class="section_widget_label tabs">  <ul class="nav nav-tabs nav-justified flex-row"> <li class="nav-item active text_uppercase"> <a class="nav-link indice-atmo-tab" href="#popular10" data-toggle="tab"> <strong>Aujourd'hui</strong> <i class="today">-</i> </a> </li> <li class="nav-item"> <a class="nav-link indice-atmo-tab" href="#recent10" data-toggle="tab"> <strong>Demain</strong> <i class="tomorrow">-</i> </a> </li> </ul> <div class="tab-content indice_atmo"> <div id="popular10" class="tab-pane active"> <div class="col-12 mt-3 mb-4"> <div class="row text-center text-0 echelle"> <div class="col-2 niveau ia_bleu"></div> <div class="col-2 niveau ia_vert"></div> <div class="col-2 niveau ia_jaune"></div> <div class="col-2 niveau ia_rouge"></div> <div class="col-2 niveau ia_violet"></div> <div class="col-2 niveau ia_rose"></div> <div class="col-2 mt-2 text-2">Bon</div> <div class="col-2 mt-2 text-2">Moyen</div> <div class="col-2 mt-2 text-2">Dégradé</div> <div class="col-2 mt-2 text-2">Mauvais</div> <div class="col-2 mt-2 text-2">Très mauvais</div> <div class="col-2 mt-2 text-1">Extrêmement mauvais</div> </div> </div> <span class="text-primary text-2 mr-3">Indice atmo</span>  <span class="btn btn-rounded btn-xs btn-moyen mb-2 indice-atmo-value-j0">-</span>  <hr class="solid my-2"> <div class="commune_placeholder"> <span class="text-primary text-2 mr-3">Commune</span> <span class="btn btn-outline btn-xs btn-rounded btn-primary mb-2 indice-atmo-commune-j0">-</span> <hr class="solid my-2"> </div> <span class="text-primary text-2 mr-3">Polluant(s) déterminant(s)</span> <div class="indice-atmo-polluant-container-j0"> <span class="btn btn-rounded btn-xs btn-moyen mb-2 indice-atmo-polluant-j0" data-toggle="tooltip" data-placement="bottom">-</sub></span> </div> <hr class="solid my-2"> <div class="no-gutters"> <div class="col-12 mt-4"> <div class="row "> <div class="col-8"> <a href="Indice-ATMO-31" target="_blank" class="btn btn-outline btn-rounded btn-sm btn-primary">EN SAVOIR PLUS <i class="fas fa-angle-double-right ml-4"></i></a> </div> <div class="col-4 mt-1 text-primary"> <a href="documents/guide_calcul_nouvel_indice_ATMO_VF_version14decembre2020.pdf" target="_blank" class="font-weight-normal text-7"><i class="fas fa-info-circle ml-4"></i></a> </div> </div> </div> </div> </div> <div id="recent10" class="tab-pane"> <div class="col-12 mt-3 mb-4"> <div class="row text-center text-0 echelle"> <div class="col-2 niveau ia_bleu"></div> <div class="col-2 niveau ia_vert"></div> <div class="col-2 niveau ia_jaune"></div> <div class="col-2 niveau ia_rouge"></div> <div class="col-2 niveau ia_violet"></div> <div class="col-2 niveau ia_rose"></div> <div class="col-2 mt-2 text-2">Bon</div> <div class="col-2 mt-2 text-2">Moyen</div> <div class="col-2 mt-2 text-2">Dégradé</div> <div class="col-2 mt-2 text-2">Mauvais</div> <div class="col-2 mt-2 text-2">Très mauvais</div> <div class="col-2 mt-2 text-1">Extrêmement mauvais</div> </div> </div> <span class="text-primary text-2 mr-3">Indice atmo</span>  <span class="btn btn-rounded btn-xs btn-degrad mb-2 indice-atmo-value-j1">-</span>  <hr class="solid my-2"> <div class="commune_placeholder"> <span class="text-primary text-2 mr-3">Commune</span> <span class="btn btn-outline btn-xs btn-rounded btn-primary mb-2 indice-atmo-commune-j1">-</span> <hr class="solid my-2"> </div> <span class="text-primary text-2 mr-3">Polluant(s) déterminant(s)</span> <div class="indice-atmo-polluant-container-j1"> <span class="btn btn-rounded btn-xs btn-moyen mb-2 indice-atmo-polluant-j1" data-toggle="tooltip" data-placement="bottom">-</sub></span> </div> <hr class="solid my-2"> <div class="no-gutters"> <div class="col-12 mt-4"> <div class="row "> <div class="col-8"> <a href="Indice-ATMO-31" target="_blank" class="btn btn-outline btn-rounded btn-sm btn-primary">EN SAVOIR PLUS <i class="fas fa-angle-double-right ml-4"></i></a> </div> <div class="col-4 mt-1 text-primary"> <a href="documents/guide_calcul_nouvel_indice_ATMO_VF_version14decembre2020.pdf" target="_blank" class="font-weight-normal text-7"><i class="fas fa-info-circle ml-4"></i></a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>   <div id="sargasse" class="tab-pane"> <div class="row"> <div class="col-lg-6 mt-3"> <div class="text-center">  <svg id="mq_carte_sargasse" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 522.4 615.1" style="enable-background:new 0 0 522.4 615.1;" xml:space="preserve" width="65%" height="auto"> <style type="text/css"> .st001{fill:#CDCCCC;} .st1{fill:#9DCB45;} </style> <g id="fond"> <g> <polygon class="st001" points="54.9,64.3 79.5,80.7 81.7,61.3 79.5,43 79.5,10.8 64.9,13.7 37.6,29.4 51,45.7 "/> <polygon class="st001" points="84.2,82.9 108.5,53.2 128.1,14.7 106.1,9 81.7,10.8 81.7,42.5 85.2,61.8 "/> <polygon class="st001" points="86.4,84.9 108.5,92.1 132,71 156.4,62.6 163.5,64.8 177.7,38.5 171,37.8 161.3,27.1 131.6,14.5 110.7,54.4 "/> <polygon class="st001" points="150.4,93.8 159.8,87.1 162.8,68 155.1,65.6 132,75.2 108.5,95.3 86.4,88.1 91.1,93.8 101.8,95.1 109.5,102 130.3,104.6 "/> <polygon class="st001" points="163.5,87.9 155.1,94.8 155.1,112.9 165.8,136.7 178.4,142.4 179.7,152.8 176.4,160.5 181.4,169 199.5,165.2 206.9,160 224.5,78.7 233.2,65.1 229.5,59.4 223.5,63.8 213.1,61.8 201,50.7 189.1,48.7 181.4,40.3 165.8,66.3 "/> <polygon class="st001" points="210.2,160.5 202.2,167.5 181.4,171.7 179.7,176.6 181.4,185.3 188.8,192.8 204.7,182.3 215.1,181.3 218.3,175.6 218.3,155.3 227.8,134.5 226.8,119.9 258.8,91.1 256.5,81.2 245.4,73.7 245.6,69.3 235.1,68 226.8,80.2 "/> <polygon class="st001" points="231.7,134 221.6,155.6 221.6,172.7 247.5,182.3 265.7,182.3 273.6,175.6 282.8,172.7 288.8,163 300,161.8 315.5,148.6 310.8,143.4 305.4,132.3 285.5,117.6 276.4,93.8 269.7,96.1 261.3,93.8 230.7,121.1 "/> <polygon class="st001" points="94.9,153.3 107.1,157 122.7,169 126.8,169 160,185.2 177.7,173.7 172,161.4 175.4,153.9 175.4,144.8 164,140.6 151.6,114.4 150.2,98.4 132,107.6 110.1,106.3 104.9,100.5 109,124.8 97.1,142.7 "/> <polygon class="st001" points="62.1,98 75.5,87.9 83.2,86.6 52.2,67 48.5,48.2 34.9,29.4 28.7,32.8 6.8,78.9 9.1,101.3 23.5,124.8 31.9,113.7 "/> <polygon class="st001" points="71.8,179.1 68.8,187.5 78.5,187.5 88.2,190.8 91.9,187.5 91.9,173.9 117.4,169.5 104.7,160.3 91.9,155.8 94.9,139.7 104.7,123.8 101.5,98.5 89.9,97 84.5,90.4 77,90.4 64.6,100.5 33.6,116.4 26.2,126.8 36.1,131 44.8,145.1 66.6,169 "/> <polygon class="st001" points="158.6,228 162.5,232.9 174.7,218.3 181.4,218.5 177.4,200.9 179.7,196.5 185.6,194.7 179.7,188.8 176.9,178.9 159.6,189.8 126.8,171.7 94.9,175.6 94.9,185.1 102.3,192.8 137.3,204.2 148.2,225.7 "/> <polygon class="st001" points="127.8,205.4 96.8,214.6 93.4,226 98.1,236.4 107.1,241.1 143,239.6 145.4,227.2 135.8,207.9 "/> <polygon class="st001" points="89.9,225.5 93.4,212.8 124.9,203.7 102.7,196 94.9,190.8 88.2,195.2 78.2,190.8 67.1,190.8 62.1,221.8 80.5,257 94.9,237.6 "/> <polygon class="st001" points="123.9,259 131.1,243.8 108.2,243.8 97.1,239.6 83.2,259 98.6,283.3 125.4,267.9 "/> <polygon class="st001" points="153.9,258 144,243.8 134.5,243.8 126.8,261 129.1,268.9 99.8,286 102.3,292.9 112.7,297.6 122.9,312 140.2,317.7 141.7,301.6 151.4,287.7 "/> <polygon class="st001" points="184.1,330.4 184.1,309.5 163.8,267.6 158.3,242.3 160.3,235.9 157.1,230.4 148.7,228.7 145.4,241.1 153.9,251.8 157.6,262.2 155.1,290 145.4,302.8 144,319.7 158.1,327.6 175.2,351.2 "/> <polygon class="st001" points="289.2,166.2 284.8,174.9 277.4,175.9 265.7,184.8 284,191.5 293,197 302.1,204.2 314.3,221 314.3,228.5 320.5,231.7 322.5,223 356.7,215.6 369.6,204.9 359.7,206.6 350,195.7 354.7,185.3 351.7,177.4 360.9,164.5 376,164.5 388.4,169.4 396.1,178.9 409.8,180.4 409.8,170.9 415.7,160 412.7,148.6 420.9,144.7 434.8,151.3 437,139.4 432.3,133.5 420.7,131 383.7,153.8 366.1,152.8 351.7,160.3 335.6,182.3 328.9,175.9 323.5,155.8 317.3,150.9 301.7,164.5 "/> <polygon class="st001" points="287.2,196.7 258.8,186.3 247.5,186.3 221.3,175.6 218.1,183.6 207.2,185.3 191.1,196.2 184.1,199 192.1,209.4 208.9,221.5 236.2,231.7 257.3,236.9 291.5,259 296.4,248.3 298.9,238.6 307.1,236.4 310.8,230.7 310.8,221.5 300,206.6 "/> <polygon class="st001" points="187.6,260.5 205.2,273.6 222.8,292.7 235.9,298.6 235.9,295.7 265.7,288.5 276.4,280.5 287.2,279 288.8,260.5 256.5,239.9 233.5,236.1 205.4,223 189.3,211.4 181.4,200.9 184.1,217.8 191.1,223.5 191.6,230.4 185.4,239.6 "/> <polygon class="st001" points="212.4,352.2 217.8,357.6 237.4,359.1 235.1,348 240.1,346 241.7,311.8 236.4,302.3 221.6,296.4 202.2,274.5 183.8,261.7 181.1,238.9 189.1,227.5 184.1,221.8 176.7,221.8 163.3,236.6 161.6,245.6 166.8,267.1 186.6,306.9 187.8,329.1 177.7,352.2 "/> <polygon class="st001" points="371.2,250.3 376.2,241.4 394.6,236.6 399.4,228.6 390.7,225.5 387.1,212.6 367.3,218.2 364.7,212.6 357.2,218.8 324.8,225.5 321.5,234.7 313.7,231.6 309.8,238 301.4,240.6 300,247.5 308.4,254.5 318.7,273.8 334,283.3 348.8,308.4 372,308.4 395.2,283 411.1,283 414.1,287.2 424.2,281 425.3,273.8 414.1,276.8 393.8,273.8 377.3,287.2 370.6,286.9 354.4,266.8 360.3,253.1 "/> <polygon class="st001" points="283.9,389 292.2,375.1 314,356.1 319.5,345.2 336.8,339.6 348.8,340.9 346.3,312.3 331.3,285.8 316.4,276.6 307.4,257 299.2,250.3 290.8,266 290.2,282.4 279.9,282.7 267.4,290.5 240.1,298.6 243.9,311.4 243.6,343.5 257,338.5 261.3,340.9 266.2,353.6 261.3,369.8 273.5,382 274.6,397.1 283.9,402.1 "/> <polygon class="st001" points="435.4,338.2 436.5,330.1 410.8,324.8 414.1,304.2 401.6,292.5 404.9,288.3 410.5,288.3 408.3,284.6 396.6,286.3 375.4,310.9 348.8,312.3 354.7,340.9 352.2,343.5 362.8,351.6 365.3,364.7 373.4,376.2 394.2,380.1 412.6,397.1 427.8,383.4 441.2,381.5 468,368.4 463,362.2 447.9,365 441.5,358.3 442.3,347.4 "/> <polygon class="st001" points="320.9,348.6 314.5,359.7 295.3,376.7 287.2,389 287.2,402.1 291.1,402.1 300,415.5 312,411 320.9,415.5 327.1,415.5 342.1,407.2 346.9,390.4 362.5,367 360.8,354.4 348.8,344.9 336,343.5 "/> <polygon class="st001" points="394.2,431.4 409.4,429 417.5,418.3 409.4,398.2 392.9,382.9 372.3,378.7 364.2,369.8 348.8,394.3 344.7,407.2 371.7,417.5 378.6,429 "/> <polygon class="st001" points="300.1,471.8 307.4,475.2 327.3,474.4 343.6,480 365.6,469.2 371.5,453.3 378.6,445.8 377.1,431.2 369.7,420.5 343.3,411 329.1,418.8 319.3,419.7 312,415.2 299.5,419 292.7,416 284.8,426.6 283.9,470.1 293,476.1 "/> <polygon class="st001" points="232.4,464.6 244.1,471.1 255.6,466.8 272.6,470.1 277.6,464.7 281.7,464.7 281.7,431.4 248,432.2 237.2,426.4 237.2,415.1 222.9,409.9 206.3,429 198.5,429 217.3,467.9 "/> <path class="st001" d="M217.5,501.2l8.6-14.5c0,0-22.7-32.6-30.1-57.3c-2.6-0.9-3.4,0-3.4,0s-12.8,10.6-20.8,24.2 c-0.7,3.5-2.2,13.2-2.2,13.2l13.4,7.8V488l7.4,9.3l-0.2,16.9c0,0,11.3,4.7,14,6.7c2.6,2,5.9,10.8,7.4,11.5 c1.5,0.7,6.3,1.9,8.8,1.5l-2.8-7.8l2.8-7.8L217.5,501.2z"/> <path class="st001" d="M309.2,491.3l-2.4-13l-6.3-3.5l-7.3,4.1l-12.8-6.5l0.6-4.5l-7.8,6.1c0,0-12.3-3.9-15.8-3.9 c-3.5,0-10.8,3.2-13,3.2c-2.2,0-11.5-5.4-11.5-5.4l-13.8,3.5l10.2,14.9l-8.6,16.2c0,0,3.9,12.8,3.2,16.2c-0.7,3.3-3.2,8.2-3.2,8.2 l3.4,4.7c0,0,3.7-2.4,4.7-4.7c0.9-2.2,2.6-11.2,3.9-11.9c1.3-0.7,21-13.8,27.9-11.9c6.9,1.9,35.2,11.9,35.2,11.9l8.7-7.1l2.2-6.9 l-2.8-3.9L309.2,491.3z"/> <polygon class="st001" points="378.6,470.1 378.6,460.1 373.2,456.4 367.8,471.8 344,483.7 329.3,477.2 309.2,478.1 312.9,491.9 307.4,497.3 319.8,515.2 331.3,512 343.1,519.2 368.2,522.8 387,513.9 394.2,514 388.8,482.8 "/> <polygon class="st001" points="467.7,371.7 446,382.3 429.2,386.2 414.1,399.9 420.6,417.2 433.4,434.2 448.5,440.5 452.7,456.4 456.8,456.4 472.7,471.1 487,471.1 499.5,476.9 499.5,463 487,460.5 488.4,450.4 498.1,443.2 497,436.2 488.4,436.2 491.4,427.5 485,411 491.4,395.2 479.2,399.9 465.8,385.8 469.4,377.6 "/> <polygon class="st001" points="475.8,512.4 454.3,522.8 452.4,534.1 444.3,533.9 443.4,542.2 436.7,544.2 431.4,538.3 430.3,542.5 435.6,553.7 420.6,576.6 442.3,604.7 454.3,604.7 463.2,600 472.5,586.6 482.8,584.7 476.4,579.3 472.5,571.2 475.2,567.6 488.9,567.6 499.5,551.2 503.4,534.1 511.2,524.7 501.2,513.5 "/> <path class="st001" d="M509.3,488.4c-2.5-4.2-8.4-4.5-8.4-4.5V480l-16.2-6.1l-14-0.3l-16.5-14.5L440.7,480l-14.5,12.6l-13.5,22.6 l-2.1,12l-7,4.4l6.4,5.7l28.5-24.3l11.4,0.8l4.5,5.6l22-10.3l25.7,1.1l2.2-3.1h8.1l3.3-5.6C515.7,501.5,511.8,492.6,509.3,488.4z" /> <polygon class="st001" points="409.4,514.6 423.9,489.6 438.4,477.5 449.9,457.7 445.1,442.3 430.6,435.6 419.2,420.8 411.1,432.3 394.2,434.5 380.1,432.3 382.3,446.8 375.4,453.5 381.5,458 381.8,467.9 392.1,481.5 398.2,514 396.3,522.8 401.3,529.1 406.9,526.6 "/> </g> </g> <g id="8_sable_blanc" class="site" data-site="8"> <circle class="st1" cx="419.6" cy="266.3" r="14.3"/> </g> <g id="9_presquile" class="site" data-site="9"> <circle class="st1" cx="412" cy="306.8" r="14.3"/> </g> <g id="5_pontalery_nord" class="site" data-site="5"> <circle class="st1" cx="359.9" cy="261.8" r="14.3"/> </g> <g id="3_baie_cayol" class="site" data-site="3"> <circle class="st1" cx="389.7" cy="208" r="14.3"/> </g> <g id="4_pointe_savane" class="site" data-site="4"> <circle class="st1" cx="406.3" cy="228.7" r="14.3"/> </g> <g id="14_pointe_faula" class="site" data-site="14"> <circle class="st1" cx="499.5" cy="435.2" r="14.3"/> </g> <g id="13_chateau_paille" class="site" data-site="13"> <circle class="st1" cx="494.3" cy="414.9" r="14.3"/> </g> <g id="11_dostaly" class="site" data-site="11"> <circle class="st1" cx="443.5" cy="328.2" r="14.3"/> </g> <g id="6_four_a_chaux" class="site" data-site="6"> <circle class="st1" cx="374.3" cy="281.7" r="14.3"/> </g> <g id="10_fregate_est" class="site" data-site="10"> <circle class="st1" cx="423.8" cy="321.8" r="14.3"/> </g> <g id="2_cosmy" class="site" data-site="2"> <circle class="st1" cx="331.3" cy="156.2" r="14.3"/> </g> <g id="12_cape_est" class="site" data-site="12"> <circle class="st1" cx="448.3" cy="350.5" r="14.3"/> </g> <g id="1_bourg_marigot" class="site" data-site="1"> <circle class="st1" cx="254.4" cy="68" r="14.3"/> </g> <g id="7_pointe_hyacinthe" class="site" data-site="7"> <circle class="st1" cx="399.8" cy="265.3" r="14.3"/> </g> <g id="15_anse_michel" class="site" data-site="15"> <circle class="st1" cx="496.9" cy="554" r="14.3"/> </g> <g id="16_anse_cafard" class="site" data-site="16"> <circle class="st1" cx="243.1" cy="512.4" r="14.3"/> </g> </svg> </div> <h4 class="text-center font-weight-normal text-5 mt-2"><strong class="font-weight-extra-bold">Choisir un site</strong></h4> <div class="row align-items-center mb-3"> <div class="col-9 text-center">  <select class="custom-select selection-zone-sargasse"> </select> </div> <div class="col-3 text-center"> <h3 class="font-weight-extra-bold mb-0""> <a href="#" class="share-indice-sargasse" data-toggle="modal" data-target="#partageIndiceSargasse"><i class="fas fa-share-alt"></i></a></a> </h3> </div> </div> </div> <div class="col-lg-6 prevision"> <h4 class="title_h4">Concentrations moyennes journalières </h4> <div class="section_widget_label tabs"> <div class="tab-content"> <span class="duree_capture mt-2 mb-4 border-radius indice-sargasse-periode">-</span> <span class="text-primary text-2 mr-3 mb-2">Choisir un polluant</span><br/> <span class="btn btn-outline btn-xs btn-rounded btn-primary mt-2 btn-H2S hover btn_inverse" data-toggle="tooltip" data-placement="bottom" title="Hydrogène Sulfuré">H<sub>2</sub>S</span> <span class="btn btn-outline btn-xs btn-rounded btn-primary mt-2 btn-NH3 btn_inverse" data-toggle="tooltip" data-placement="bottom" title="Ammoniac">NH<sub>3</sub></span> <hr class="solid my-2"> <span class="text-primary text-2 mr-3">Concentration moyenne</span> <span class="btn btn-rounded btn-xs btn-successs mb-2 indice-sargasse-concentration">-</span> <i class="text-1">ppm</i> <hr class="solid my-2"> <div class="indice_sarg col-12 mt-3 mb-2"> <div class="row text-center text-0 echelle"> <div class="col-2 niveau sarg_vertf"></div> <div class="col-2 niveau sarg_vertp"></div> <div class="col-2 niveau sarg_jaune"></div> <div class="col-2 niveau sarg_orange"></div> <div class="col-2 niveau sarg_rouge"></div> <div class="col-2"></div> <div class="col-2 mt-2">Très faible</div> <div class="col-2 mt-2">Faible</div> <div class="col-2 mt-2">Moyenne</div> <div class="col-2 mt-2">Élevée</div> <div class="col-2 mt-2">Très élevée</div> <div class="col-2"></div> </div> </div> <hr class="solid my-2"> <span class="text-primary text-2 mr-3">Site de mesure</span> <span class="btn btn-outline btn-xs btn-rounded btn-primary mb-2 indice-sargasse-site">-</span> <hr class="solid my-2"> <button type="button" class="btn btn-outline btn-rounded btn-sm btn-primary mt-3 mr-3" onclick="location.href='https://www.madininair.fr/surveillance-continue-sargasses'" >En savoir plus <i class="fas fa-angle-double-right ml-4"></i></button>  </div> </div> </div> </div> </div>  </div> </div>  </div> </div> </div> </div> </section>  <section id="actualite" class="section section-with-shape-divider bg-transparent border-0 m-0">  <div class="shape-divider shape-divider-bottom" style="height: 101px;"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1920 102" preserveAspectRatio="xMinYMin"> <path fill="#364b9b" d="M1895,78c-56.71-6.03-113.75-12.1-167-17c-75.42-6.94-133.81-10.66-171-13c-62.1-3.91-108.85-5.97-155-8 c-35.96-1.58-78.06-3.42-133-5c-59.81-1.72-103.18-2.23-172-3c-92.17-1.03-154.41-1.01-169-1c-69.05,0.05-115.16,0.67-137,1 c-43.08,0.65-76.21,1.48-97,2c-28.02,0.7-71.13,1.8-128,4c-16.64,0.64-57.72,2.28-111,5c-26.12,1.33-67.11,3.45-121,7 c-21.14,1.39-54.21,3.59-96,7c-19.93,1.63-39.22,3.32-47,4c-16.12,1.41-33.55,2.94-55,5c-26.48,2.54-19.07,2.04-77,8 c-19.39,1.99-36.94,3.77-60.59,7.46V103H1923V81C1916.55,80.3,1906.82,79.26,1895,78z"/> </svg> </div> <div class="container mt-2 mb-5 pb-5"> <div class="row align-items-center mb-4"> <div class="col-lg-12 mb-5 mb-lg-0"> <h3 class="text-color-primary font-weight-bold text-transform-none line-height-2 text-10 mb-2 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="200">Actualités</h3>  <div class="d-flex align-items-center mb-2"> <span class="custom-line appear-animation" data-appear-animation="customLineAnimation" appear-animation-duration="1s"></span> <div class="overflow-hidden ml-3"> <h2 class="text-color-secondary font-weight-semibold line-height-3 text-4 mb-0 appear-animation" data-appear-animation="maskRight" data-appear-animation-delay="400">Derniers articles</h2> </div> </div> </div> </div> <div class="row appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="600"> <div class="col"> <div class="owl-carousel nav-outside nav-arrows-1 custom-carousel-box-shadow-1 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="600" data-plugin-options="{'responsive': {'0': {'items': 1}, '479': {'items': 1}, '768': {'items': 2}, '979': {'items': 3}, '1199': {'items': 3}}, 'autoplay': false, 'autoplayTimeout': 5000, 'autoplayHoverPause': true, 'dots': false, 'nav': true, 'loop': false, 'margin': 20, 'stagePadding': '75'}"> <div> <a href="Deux-etudes-pour-mieux-comprendre-la-qualite-de-l-air-a-Saint-Pierre-et-au" class="text-decoration-none"> <div class="card custom-card-style-1"> <div class="card-body text-center py-5"> <div class="custom-card-style d-inline-block mb-3"> <img src="local/cache-gd2/a9/e8ad7789b3976a551b8547c3eed1b9.jpg?1744128114" class="img-fluid" alt="Deux études pour mieux comprendre la qualité de l’air à Saint-Pierre et au Carbet" /> </div> <h4 class="custom-card-style-1-title text-color-secondary font-weight-bold mb-2">Deux études pour mieux comprendre la qualité de l’air à Saint-Pierre et au Carbet</h4> <p class="custom-card-style-1-description">Dans le cadre du programme d’actions AIR porté par CAP NORD, deux études complémentaires sont en cours à Saint-Pierre et dans la commune voisine (…)</p> <span class="custom-card-style-1-link font-weight-bold text-uppercase">En savoir plus</span> </div> </div> </a> </div> <div> <a href="Madininair-au-seminaire-SARGCOOP-II-une-contribution-pour-structurer-la" class="text-decoration-none"> <div class="card custom-card-style-1"> <div class="card-body text-center py-5"> <div class="custom-card-style d-inline-block mb-3"> <img src="local/cache-gd2/f5/f54ec23f5c90f941c50e8cd237c0df.jpg?1744034475" class="img-fluid" alt="Madininair au séminaire SARGCOOP II : une contribution pour structurer la surveillance des gaz émis par les algues Sargasses dans la Caraïbe" /> </div> <h4 class="custom-card-style-1-title text-color-secondary font-weight-bold mb-2">Madininair au séminaire SARGCOOP II : une contribution pour structurer la surveillance des gaz émis par les algues Sargasses dans la Caraïbe</h4> <p class="custom-card-style-1-description">Le 27 mars 2025, Madininair a participé à la journée consacrée à la qualité de l’air, organisée dans le cadre du séminaire international SARGCOOP (…)</p> <span class="custom-card-style-1-link font-weight-bold text-uppercase">En savoir plus</span> </div> </div> </a> </div> <div> <a href="Concours-CGenial-college-Madininair-apporte-son-soutien-a-l-edition-2025" class="text-decoration-none"> <div class="card custom-card-style-1"> <div class="card-body text-center py-5"> <div class="custom-card-style d-inline-block mb-3"> <img src="local/cache-gd2/a4/24ebd7a570ee502bace889ec94540a.jpg?1744127523" class="img-fluid" alt="Concours CGénial-collège : Madininair apporte son soutien à l’édition 2025 " /> </div> <h4 class="custom-card-style-1-title text-color-secondary font-weight-bold mb-2">Concours CGénial-collège : Madininair apporte son soutien à l’édition 2025 </h4> <p class="custom-card-style-1-description">Pour cette édition 2025 du concours C Génial-collège, Madininair s’est mobilisé en tant que partenaire et membre du jury de la finale académique (…)</p> <span class="custom-card-style-1-link font-weight-bold text-uppercase">En savoir plus</span> </div> </div> </a> </div> <div> <a href="Evolution-du-reseau-de-surveillance-continue-des-emanations-des-Sargasses" class="text-decoration-none"> <div class="card custom-card-style-1"> <div class="card-body text-center py-5"> <div class="custom-card-style d-inline-block mb-3"> <img src="local/cache-gd2/27/4f68e02f8e47b3211291cc46cb206f.jpg?1741286438" class="img-fluid" alt="Évolution du réseau de surveillance continue des émanations des Sargasses " /> </div> <h4 class="custom-card-style-1-title text-color-secondary font-weight-bold mb-2">Évolution du réseau de surveillance continue des émanations des Sargasses </h4> <p class="custom-card-style-1-description">Pour améliorer la surveillance de la qualité de l’air et la protection des populations, Madininair, en concertation avec l’Agence Régionale de (…)</p> <span class="custom-card-style-1-link font-weight-bold text-uppercase">En savoir plus</span> </div> </div> </a> </div> <div> <a href="Madininair-recrute-un-e-ingenieur-e-inventaire-modelisation" class="text-decoration-none"> <div class="card custom-card-style-1"> <div class="card-body text-center py-5"> <div class="custom-card-style d-inline-block mb-3"> <img src="local/cache-gd2/d1/6b71de53497d3e84c75033e2e1e331.jpg?1715898657" class="img-fluid" alt="Madininair recrute un(e) ingénieur(e) inventaire/modélisation" /> </div> <h4 class="custom-card-style-1-title text-color-secondary font-weight-bold mb-2">Madininair recrute un(e) ingénieur(e) inventaire/modélisation</h4> <p class="custom-card-style-1-description">Madininair, l’observatoire de la qualité de l’air en Martinique, utilise des outils de cartographie et de modélisation pour surveiller et prévoir (…)</p> <span class="custom-card-style-1-link font-weight-bold text-uppercase">En savoir plus</span> </div> </div> </a> </div> <div> <a href="Parlons-Air-la-video-qui-decrypte-l-actualite-sur-la-qualite-de-l-air" class="text-decoration-none"> <div class="card custom-card-style-1"> <div class="card-body text-center py-5"> <div class="custom-card-style d-inline-block mb-3"> <img src="local/cache-gd2/58/f2d0dee28a8601d46daad1da78768a.png?1738955402" class="img-fluid" alt=""Parlons Air" : la vidéo qui décrypte l’actualité sur la qualité de notre air" /> </div> <h4 class="custom-card-style-1-title text-color-secondary font-weight-bold mb-2">"Parlons Air" : la vidéo qui décrypte l’actualité sur la qualité de notre air</h4> <p class="custom-card-style-1-description">La qualité de l’air est un enjeu majeur pour la santé et l’environnement, mais les informations à ce sujet sont parfois techniques et difficiles à (…)</p> <span class="custom-card-style-1-link font-weight-bold text-uppercase">En savoir plus</span> </div> </div> </a> </div> <div> <a href="Pollution-de-l-air-et-maladies-chroniques-une-etude-inedite-en-France" class="text-decoration-none"> <div class="card custom-card-style-1"> <div class="card-body text-center py-5"> <div class="custom-card-style d-inline-block mb-3"> <img src="local/cache-gd2/22/fffaedb009107b6d07cc45ce1b9b15.jpg?1738679392" class="img-fluid" alt="Pollution de l’air et maladies chroniques : une étude inédite en France" /> </div> <h4 class="custom-card-style-1-title text-color-secondary font-weight-bold mb-2">Pollution de l’air et maladies chroniques : une étude inédite en France</h4> <p class="custom-card-style-1-description">Santé publique France vient de publier une étude inédite évaluant l’impact de la pollution de l’air ambiant sur la survenue de maladies chroniques (…)</p> <span class="custom-card-style-1-link font-weight-bold text-uppercase">En savoir plus</span> </div> </div> </a> </div> <div> <a href="Une-nouvelle-directive-europeenne-pour-un-air-plus-sain-quels-impacts-pour-la" class="text-decoration-none"> <div class="card custom-card-style-1"> <div class="card-body text-center py-5"> <div class="custom-card-style d-inline-block mb-3"> <img src="local/cache-gd2/3b/d8e4f6b142365e290d99295327054e.jpg?1732824096" class="img-fluid" alt="Une nouvelle directive européenne pour un air plus sain : quels impacts pour la Martinique ?" /> </div> <h4 class="custom-card-style-1-title text-color-secondary font-weight-bold mb-2">Une nouvelle directive européenne pour un air plus sain : quels impacts pour la Martinique ?</h4> <p class="custom-card-style-1-description">Le 20 novembre 2024, l’Union européenne a publié une nouvelle directive sur la qualité de l’air ambiant, marquant une avancée significative dans (…)</p> <span class="custom-card-style-1-link font-weight-bold text-uppercase">En savoir plus</span> </div> </div> </a> </div> </div> </div> </div> </div> </section>   <section class="section section-with-shape-divider bg-color-bleu-footer border-0 m-0 p-0"> <div class="container my-4"> <div class="row flex_content"> <div class="col-xl-4 col-lg-12 pr-lg-0 mb-lg-0" style="display: grid;"> <div class="card border-0 custom-border-radius-1 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="800"> <div class="card-body pt-5 px-5 pb-1"> <h2 class="text-color-primary font-weight-bold text-transform-none line-height-2 text-7 mb-3" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="600"><i class="fa-solid fa-thumbs-up mr-2"></i>Bon geste</h2> <div class=""> <a href=""> <img src="local/cache-gd2/fc/3777aec253035fc7932d4ad8372c66.jpg?1743693333" class="card-img-top border-radius-0 mb-2" alt="Pour réduire ma consommation de plastique, je bois l’eau du robinet. Je peux aussi utiliser un filtre à eau pour me rassurer. " /> </a> <div class="card-body p-0 mt-2"> <h4 class="card-title text-4 font-weight-bold pb-1 mb-2"><a class="text-color-dark text-color-hover-primary text-decoration-none" href="">Pour réduire ma consommation de plastique, je bois l’eau du robinet. Je peux aussi utiliser un filtre à eau pour me rassurer. </a></h4> <a href="" class="btn btn-link font-weight-semibold text-decoration-none text-3 pl-0 text-uppercase">En savoir +</a> </div> </div> </div> </div> </div>  <div id="agenda_accueil" class="col-xl-4 col-lg-12 pr-lg-0 mb-lg-0"> <div class="card border-0 custom-border-radius-1 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="400"> <div class="card-body p-5"> <a name="agenda"></a> <h2 class="text-color-primary font-weight-bold text-transform-none line-height-2 text-7 mb-3"><a href="Agenda" class="text-decoration-none text-color-primary"><i class="fas fa-bookmark mr-2"></i> Agenda</a></h2> <div class="d-flex align-items-center mb-1"> <span class="custom-line appear-animation" data-appear-animation="customLineAnimation" appear-animation-duration="1s"></span> <div class="overflow-hidden ml-3"> <h2 class="text-color-secondary font-weight-semibold line-height-3 text-4 mb-0 appear-animation" data-appear-animation="maskRight" data-appear-animation-delay="400"><a href="Agenda" class="text-decoration-none text-color-secondary">Voir tous les évènements</a></h2> </div> </div> <div class="owl-carousel dots-light dots-align-left" data-plugin-options="{'margin': 0, 'loop': true, 'dots': false, 'dotsEach': 1, 'nav': true, 'autoplay': true, 'autoplayTimeout': 15000, 'items': 1}"> <article class="mt-4 bleuf"> <div class="card border-0 border-radius-0 bg-transparent"> <div class="card-body bg-transparent p-0"> <div class="card-body p-0"> <div class="container"> <div class="row"> <div class="date_agenda custom-border-radius-1 col-xll-12 col-lg-12 col-md-2"> <span class="day font-weight-bold ">16</span> <span class="month text-uppercase">avr</span> <span class="day font-weight-bold "></span> <span class="month text-uppercase"></span> </div> <div class="content_agenda col-xll-12 col-lg-12 col-md-10 mb-4"> <h4 class="card-title text-4 font-weight-bold pb-1 mb-2"><a class="text-color-dark text-color-hover-primary text-decoration-none" href="#agenda">Mercredi de l’air </a></h4> <p class="text-uppercase text-color-black text-3 mb-2"> <span class="mr-4"><i class="fas fa-clock mr-2"></i> 9h30-15h30</span> <span><i class="fas fa-map-marker-alt mr-2"></i> Centre de Découverte de la Science et de la Terre (CDST), Saint-Pierre</span> </p> </div> <div class="image_agenda col-xll-12 col-lg-12 col-md-12 px-0"> <img src="local/cache-gd2/ee/47c8a288c72e61db803634c1bcbeb1.png?1744297748" class="img-fluid" alt="" /> </div> </div> </div> </div> </div> </div> </article> <article class="mt-4 orange"> <div class="card border-0 border-radius-0 bg-transparent"> <div class="card-body bg-transparent p-0"> <div class="card-body p-0"> <div class="container"> <div class="row"> <div class="date_agenda custom-border-radius-1 col-xll-12 col-lg-12 col-md-2"> <span class="day font-weight-bold ">13</span> <span class="month text-uppercase">mai</span> <span class="day font-weight-bold "></span> <span class="month text-uppercase"></span> </div> <div class="content_agenda col-xll-12 col-lg-12 col-md-10 mb-4"> <h4 class="card-title text-4 font-weight-bold pb-1 mb-2"><a class="text-color-dark text-color-hover-primary text-decoration-none" href="https://swll.to/1aJw2jD">LIFE V-aiR : un serious game en réalité virtuelle pour découvrir les défis environnementaux de son territoire et les actions possibles</a></h4> <p class="text-uppercase text-color-black text-3 mb-2"> <span class="mr-4"><i class="fas fa-clock mr-2"></i> 8h-9h</span> <span><i class="fas fa-map-marker-alt mr-2"></i> En ligne</span> </p> </div> <div class="image_agenda col-xll-12 col-lg-12 col-md-12 px-0"> <img src="local/cache-gd2/ad/b0ea1bcf64925c10101fdc35917355.jpg?1743108742" class="img-fluid" alt="" /> </div> </div> </div> </div> </div> </div> </article> <article class="mt-4 bleuf"> <div class="card border-0 border-radius-0 bg-transparent"> <div class="card-body bg-transparent p-0"> <div class="card-body p-0"> <div class="container"> <div class="row"> <div class="date_agenda custom-border-radius-1 col-xll-12 col-lg-12 col-md-2"> <span class="day font-weight-bold ">14</span> <span class="month text-uppercase">mai</span> <span class="day font-weight-bold "></span> <span class="month text-uppercase"></span> </div> <div class="content_agenda col-xll-12 col-lg-12 col-md-10 mb-4"> <h4 class="card-title text-4 font-weight-bold pb-1 mb-2"><a class="text-color-dark text-color-hover-primary text-decoration-none" href="#agenda">Atelier de confection de produits naturels pour le jardin</a></h4> <p class="text-uppercase text-color-black text-3 mb-2"> <span class="mr-4"><i class="fas fa-clock mr-2"></i> 13h30</span> <span><i class="fas fa-map-marker-alt mr-2"></i> Centre de Prévention Santé et Vaccination de Fort-de-France</span> </p> </div> <div class="image_agenda col-xll-12 col-lg-12 col-md-12 px-0"> <img src="local/cache-gd2/96/973dd2c19549986b8489c1d5f7aa0b.png?1743770969" class="img-fluid" alt="" /> </div> </div> </div> </div> </div> </div> </article> </div> </div> </div> </div>  <div id="newsletter" class="col-xl-4 col-lg-12 pr-lg-0 mb-lg-0"> <div class="card border-0 custom-border-radius-1 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="800"> <div class="card-body p-5"> <a name="newsletter_info" id="newsletter_info"> <h2 class="text-color-primary font-weight-bold text-transform-none line-height-2 text-7 mb-4"><i class="fas fa-envelope mr-2"></i> Restez informés</h2> <h3 class="text-color-secondary font-weight-bold text-transform-none text-5 mb-1">Nos abonnements</h3> <p class="pb-1 mb-4 line-hei">Je souhaite recevoir gratuitement les informations sur la qualité de l’air en Martinique par mail (alerte pollution, indice ATMO, sargasses, newsletter, etc.)</p> <div class="formulaire_spip formulaire_spip_listes_inscription" id="sl-inscription">  <style> .multiselect-container > li > a > label { padding: 3px 10px 3px 10px; font-size: 0.8em; } .btn-group, .btn-group-vertical { display: block; } .btn-group-vertical > .btn, .btn-group > .btn { width: 100%; } .dropdown-menu.show { width: 100%; } </style> <form action="/#" method="post" class='contact_form custom-form-style-2'> <span class="form-hidden"><input name='formulaire_action' type='hidden' value='newsletter_subscribe'><input name='formulaire_action_args' type='hidden' value='vDr2WcTlOY4IIxHD9i4XBgQcP5X7Ntjx/YioZ9AcTKCLrl7RTjZ/w5elfnDofss5tc6HaBDqDAx4KLHPOG3D2x7X6poXfBBn47AASKE7f3W1S/rDeFu+GRa9PWn1O192lIskXNJfnXct52Cru4/1w9Zf5xGXDRf/95bC8HWVDm/HQGqx0Qo9sZ1RdndcL+PK5G5MaTOc8eYOo0bn9YBPVy6J+8Hwyg=='><input name='formulaire_action_sign' type='hidden' value=''></span><div class="form-row"> <div class="form-group col pb-1 mb-3"> <select class="form-control multiple-select" name="listes[]" multiple="multiple"> <option value="5_partmadininairprocedureencours">Alerte pollution</option> <option value="indice_atmo_quotidien">Indice ATMO quotidien</option> <option value="bulletin_quotidien_sargasses">Bulletin quotidien Sargasses</option> <option value="1_newslettermadininair">Newsletter mensuelle</option> </select> </div> </div> <div class="form-row"> <div class="form-group col pb-1 mb-3"> <input type="email" name="session_email" id="email" class="form-control" data-msg-email="Veuillez saisir votre adresse email" maxlength="255" placeholder="Votre Email" value="" required /> </div> </div> <div class="form-check form-check-inline mb-3"> <label class="check_inline form-check-label"> <input class="form-check-input mr-3" name="newsletter_condition" type="checkbox" data-msg-required="Veuillez accepter nos condition" id="inlineCheckbox1" value="1" required> <span class="text-1 line-height-2"><a href="Gestion-des-donnees-personnelles" target="_blank" style="font-size: 12px">J’ai pris connaissance et accepte la politique de confidentialité de ce site</a></span> </label> </div> <div class="form-row"> <div class="form-group col"> <button type="submit" class="btn btn-primary btn-modern font-weight-bold text-3 px-5 py-3 g-recaptcha" data-loading-text="Loading..." data-sitekey="6Lct2jAUAAAAAH1MaAd1NmtJDCEmbWLNbHE0KQ6R" data-callback="onSubmit">Je m'abonne</button> </div> </div>  </div> </form> </div> </div> </div> </div> </div> </section>  <section class="section bg-transparent p-0 border-0 m-0">  <div class="shape-divider mb-5"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 368 50" preserveAspectRatio="xMinYMin"> <style type="text/css"> .st7{fill:#364b9b;} .st1{fill:#FFFFFF;} .st2{fill:#384D9B;} .st3{fill:#0DBBEE;} .st4{fill:#F49C03;} .st5{fill:#E30436;} .st6{fill:#9ECB47;} </style> <g id="fond"> <rect x="0" y="0" class="st7" width="368.5" height="50"/> <path class="st1" d="M368.5,60H0c0,0,0-46.1,0-57.3c152.2,17.8,256.5,14.6,368.5-0.4C368.5,43.9,368.5,60,368.5,60z"/> </g> <g id="forme"> <path class="st2" d="M0.1,4.9c3.7,0.7,7.5,1.4,11.2,2c8.5,1.4,17.1,2.7,25.7,3.6c1.6,0.2,2.6,1.2,2.5,2.6c-0.1,1.4-1.2,2.3-2.8,2.2 c-4.5-0.4-9-1-13.4-1.6c-7.5-1.1-15-2.3-22.5-3.7c-0.2,0-0.5,0-0.8,0C0.1,8.2,0.1,6.6,0.1,4.9z"/> <path class="st3" d="M178.1,25.4c-12.3,0-22.9-0.2-33.5-0.5c-8.4-0.2-16.9-0.6-25.3-0.9c-9.1-0.4-18.3-1-27.4-1.7 c-9.1-0.7-18.2-1.6-27.3-2.7C58.3,18.9,51.9,18,45.5,17c-1.5-0.2-2.3-1.4-2.1-2.8c0.2-1.3,1.5-2.2,2.9-1.9 c8.5,1.3,16.9,2.4,25.5,3.3c7.3,0.8,14.6,1.4,22,2c14.5,1.1,29.1,1.9,43.7,2.3c9.1,0.3,18.2,0.5,27.3,0.6c11.5,0.2,23.1,0.2,34.6,0 c10.1-0.1,20.3-0.3,30.4-0.5c1.1,0,2.1,0.3,2.6,1.3c0.8,1.6-0.3,3.4-2.3,3.5c-4.1,0.1-8.2,0.2-12.4,0.2 C203.9,25.4,190.2,25.5,178.1,25.4z"/> <path class="st4" d="M368.5,10.1c-5.2,1.4-10.4,2.5-15.7,3.6c-8.6,1.8-17.3,3.3-26,4.5c-6.1,0.9-12.3,1.7-18.4,2.4 c-7.4,0.9-14.9,1.6-22.3,2.2c-5.9,0.5-11.8,0.9-17.7,1.2c-8.8,0.5-17.7,0.9-26.5,0.9c-0.5,0-1,0-1.5,0c-1.4-0.1-2.4-1.1-2.4-2.4 c0-1.3,1.1-2.3,2.4-2.3c4.1,0,8.2-0.1,12.4-0.2c7.1-0.2,14.2-0.6,21.3-1.1c6.1-0.4,12.1-0.9,18.2-1.4c6.3-0.6,12.6-1.3,19-2 c6.3-0.8,12.7-1.6,19-2.6c8.8-1.4,17.6-2.9,26.3-4.8c3.8-0.8,7.6-1.7,11.4-2.7c0.3-0.1,0.5-0.2,0.8-0.1 C368.5,6.9,368.5,8.5,368.5,10.1z"/> <path class="st5" d="M368.5,20c-5.4,1.7-10.8,3.1-16.3,4.3c-6.7,1.5-13.4,2.8-20.2,3.9c-1.6,0.3-2.8-0.5-3-1.9 c-0.2-1.5,0.7-2.6,2.4-2.9c11.4-1.9,22.8-4.1,33.9-7.5c1.1-0.3,2.2-0.8,3.2-1.1C368.5,16.6,368.5,18.3,368.5,20z"/> <path class="st2" d="M236.8,36.5c-11.6,0.1-20.1,0.1-28.5-0.2c-3.5-0.1-7-0.4-10.4-0.6c-1.4-0.1-2.4-1.1-2.3-2.5 c0.1-1.4,1.1-2.4,2.6-2.3c4.8,0.3,9.5,0.5,14.3,0.7c9,0.2,18.1,0.2,27.1,0c6.5-0.2,13-0.4,19.5-0.7c7.7-0.3,15.4-0.9,23.1-1.5 c6.4-0.5,12.8-1.1,19.2-1.8c7-0.8,13.9-1.7,20.8-2.9c1.6-0.3,2.8,0.5,3.1,1.9c0.2,1.3-0.7,2.5-2.2,2.8c-6.1,1.1-12.3,1.9-18.5,2.7 c-7.6,0.9-15.1,1.6-22.7,2.2c-6.4,0.5-12.8,0.9-19.2,1.2C252.9,36.1,243.2,36.4,236.8,36.5z"/> <path class="st6" d="M306.1,44.8c-0.6,0-1.1,0-1.5,0c-1.5,0-2.6-1-2.6-2.3c0-1.3,1-2.4,2.4-2.4c2.4-0.1,4.8-0.2,7.2-0.4 c6.6-0.4,13.1-1.2,19.6-2.2c4.4-0.7,8.8-1.6,13.2-2.6c1.5-0.3,2.7,0.4,3,1.8c0.3,1.3-0.5,2.5-1.9,2.9c-4,1-8.1,1.8-12.2,2.5 c-8.2,1.4-16.5,2.3-24.8,2.7C307.7,44.7,306.8,44.7,306.1,44.8z"/> </g> </svg> </div> <div class="container pb-5 mb-3"> <div class="row"> <div class="col-12"> <div class="row"> <div class="col-lg-8"> <div class="row"> <div class="col-12"> <h3 class="text-color-primary font-weight-bold text-transform-none line-height-2 text-10 mb-2 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="200"><i class="fa-solid fa-microscope mr-2"></i>Études</h3> <div class="d-flex align-items-center mb-5"> <span class="custom-line appear-animation" data-appear-animation="customLineAnimation" appear-animation-duration="1s"></span> <div class="overflow-hidden ml-3"> <h2 class="text-color-secondary font-weight-semibold line-height-3 text-4 mb-0 appear-animation" data-appear-animation="maskRight" data-appear-animation-delay="400">Dernières publications</h2> </div> </div> </div> <div class="col-lg-6"> <article class="appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="400"> <div class="card border-0 border-radius-0 bg-transparent"> <div class="card-body bg-transparent p-0"> <p class="text-uppercase text-color-default text-1 pt-1 mb-2">  </p> <div class="card-body p-0"> <h4 class="card-title text-4 font-weight-bold pb-1 mb-2"><a class="text-color-dark text-color-hover-primary text-decoration-none" href="IMG/pdf/bulletin_trimestriel_-_4e_trimestre_2024.pdf"><i class="fas fa-file-alt mr-2"></i> Bulletin n°93 - 4e trimestre 2024</a></h4> <p class="card-text mb-2"> L’Air de Martinique </p> <a href="IMG/pdf/bulletin_trimestriel_-_4e_trimestre_2024.pdf" class="btn btn-link font-weight-semibold text-decoration-none text-3 text-color-secondary pl-0 text-uppercase">Lire</a>  </div> </div> </div> </article> </div> <div class="col-lg-6"> <article class="appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="400"> <div class="card border-0 border-radius-0 bg-transparent"> <div class="card-body bg-transparent p-0"> <p class="text-uppercase text-color-default text-1 pt-1 mb-2">  </p> <div class="card-body p-0"> <h4 class="card-title text-4 font-weight-bold pb-1 mb-2"><a class="text-color-dark text-color-hover-primary text-decoration-none" href="IMG/pdf/bulletin_trimestriel_-_3e_trimestre_2024.pdf"><i class="fas fa-file-alt mr-2"></i> Bulletin n°92 - 3e trimestre 2024</a></h4> <p class="card-text mb-2"> L’Air de Martinique </p> <a href="IMG/pdf/bulletin_trimestriel_-_3e_trimestre_2024.pdf" class="btn btn-link font-weight-semibold text-decoration-none text-3 text-color-secondary pl-0 text-uppercase">Lire</a>  </div> </div> </div> </article> </div> <div class="col-lg-6"> <article class="appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="400"> <div class="card border-0 border-radius-0 bg-transparent"> <div class="card-body bg-transparent p-0"> <p class="text-uppercase text-color-default text-1 pt-1 mb-2">  </p> <div class="card-body p-0"> <h4 class="card-title text-4 font-weight-bold pb-1 mb-2"><a class="text-color-dark text-color-hover-primary text-decoration-none" href="IMG/pdf/fiche_e_tude_no2_schoelcher_2024.pdf"><i class="fas fa-file-alt mr-2"></i> Fiche études NO2 Schoelcher 2024</a></h4> <p class="card-text mb-2"> Fiches études </p> <a href="IMG/pdf/fiche_e_tude_no2_schoelcher_2024.pdf" class="btn btn-link font-weight-semibold text-decoration-none text-3 text-color-secondary pl-0 text-uppercase">Lire</a>  </div> </div> </div> </article> </div> <div class="col-lg-6"> <article class="appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="400"> <div class="card border-0 border-radius-0 bg-transparent"> <div class="card-body bg-transparent p-0"> <p class="text-uppercase text-color-default text-1 pt-1 mb-2">  </p> <div class="card-body p-0"> <h4 class="card-title text-4 font-weight-bold pb-1 mb-2"><a class="text-color-dark text-color-hover-primary text-decoration-none" href="IMG/pdf/evaluation_des_concentrations_en_dioxyde_d_azote_dans_la_commune_de_schoelcher_2024.pdf"><i class="fas fa-file-alt mr-2"></i> Evaluation des concentrations en dioxyde d’azote dans la commune de Schoelcher 2024</a></h4> <p class="card-text mb-2"> Rapports d’étude </p> <a href="IMG/pdf/evaluation_des_concentrations_en_dioxyde_d_azote_dans_la_commune_de_schoelcher_2024.pdf" class="btn btn-link font-weight-semibold text-decoration-none text-3 text-color-secondary pl-0 text-uppercase">Lire</a>  </div> </div> </div> </article> </div> </div> </div> <div class="col-lg-4 bon_geste"> <h3 class="text-color-primary font-weight-bold text-transform-none line-height-2 text-10 mb-5 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="600"><i class="fas fa-gamepad mr-2"></i>Jeux en ligne</h3> <div class="col-lg-12 mb-4 mb-lg-0"> <article class="appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="800"> <div class="card border-0 border-radius-0 box-shadow-1"> <div class="card-body p-3 z-index-1"> <div class="owl-carousel dots-light dots-align-left" data-plugin-options="{'margin': 0, 'loop': true, 'dots': false, 'dotsEach': 1, 'nav': false, 'autoplay': true, 'autoplayTimeout': 15000, 'items': 1}"> <a href="Jeux-en-ligne"> <img src="local/cache-gd2/f2/09160335741c0674a01808a070c483.jpg?1727981430" class="card-img-top border-radius-0 mb-2" alt="Halte à la pollution de l’air intérieur" /> </a> </div> <div class="card-body p-0 mt-2"> <h4 class="card-title text-4 font-weight-bold pb-1 mb-2"><a class="text-color-dark text-color-hover-primary text-decoration-none" href="spip.php?page=rubrique&id_rubrique=0">Nos jeux en ligne</a></h4> <a href="Jeux-en-ligne" class="btn btn-link font-weight-semibold text-decoration-none text-3 pl-0 text-uppercase">En savoir +</a> </div> </div> </div> </article> </div> </div> </div> </div> </div> </div> </section> </div> <style> @media (min-width: 992px) and (max-width: 1199px) { #agenda_accueil .owl-carousel .owl-nav { top: -4%; } } @media (min-width: 1200px) { #agenda_accueil .owl-carousel .owl-nav { top: -16%; } } #agenda_accueil .date_agenda { color: #FFF; text-align: center; padding-top: 0.3rem !important; padding-bottom: 0.3rem !important; } @media (max-width: 1199px) { #newsletter{ margin-top: 2rem !important; } #agenda_accueil{ margin-top: 2rem !important; } } </style>  <footer id="footer" class="footer-reveal bg-color-bleu-footer border-0 mt-5">  <div class="shape-divider" style=""> <svg version="1.1" id="fond" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 368 27" preserveAspectRatio="xMinYMin"> <style type="text/css"> .st0{fill:#364B9B;} .st1{fill:#FEFEFE;} </style> <rect x="0" y="0" class="st0" width="368.5" height="27.9"/> <path class="st1" d="M0,1.5C0-0.1,0,0.2,0,0c121.7,0,246.8,0,368.5,0c0,0.7,0,1.1,0,1.4c-0.2,0-0.4,0.1-0.7,0.2 c-2.7,0.7-5.5,1.5-8.2,2.2C338.4,9,317,12.3,295.4,14.9c-10.5,1.2-21,2.2-31.5,3c-10.5,0.8-21,1.5-31.5,1.9 c-10.3,0.5-20.6,0.8-30.9,0.9c-23.4,0.3-46.8,0-70.1-1.2c-9.6-0.5-19.2-1.1-28.9-1.9c-9.3-0.8-18.6-1.7-27.9-2.8 c-9.9-1.2-19.7-2.5-29.5-4.1C31.9,8.6,18.8,6,5.9,2.7C4.1,2.3,1.8,1.6,0,1.5z"/> </svg> </div> <div class="container container-lg-custom pt-4 pb-3"> <div class="row py-5"> <div class="col-md-4 col-lg-4 mb-4 mb-lg-0"> <div class="row"> <div class="col-4 text-center"> <p>Membre de</p> <img class="img-fluid rounded-circle mb-4" src="img/logo_atmo_france.jpg" alt="Atmo France"> </div> <div class="col-4 text-center"> <p>Agréé par</p> <img class="img-fluid rounded-circle mb-4" src="img/logo_mtes.jpg" alt="Ministere"> </div> </div> </div> <div class="col-md-4 col-lg-2 mb-4 mb-lg-0"> <h4 class="font-weight-bold ls-0 text-uppercase">Menu</h4> <ul class="list-unstyled mb-0"> <li class="mb-1"> <a href="https://www.madininair.fr">Accueil</a> </li> <li class="mb-1"> <a href="Qui-sommes-nous">Qui sommes-nous ?</a> </li> <li class="mb-1"> <a href="Air-exterieur">Comprendre</a> </li> <li class="mb-1"> <a href="Agir">Agir</a> </li>  <li class="mb-1"> <a href="Ressources-et-publications">Ressources et publications</a> </li> </ul> </div> <div class="col-md-4 col-lg-2 mb-4 mb-md-0"> <h4 class="font-weight-bold ls-0 text-uppercase">Nos services</h4> <ul class="list-unstyled mb-0"> <li class="mb-1"> <a href="Espace-presse-25">Presse</a> </li> <li class="mb-1"> <a href="Espace-collectivites">Collectivités</a> </li> <li class="mb-1"> <a href="Espace-enseignants">Enseignants</a> </li> <li class="mb-1"> <a href="Mesures-fixes">Mesures réglemantaires</a> </li> <li class="mb-1"> <a href="surveillance-continue-sargasses">Mesures du réseau Sargasses</a> </li> <li class="mb-0"> <a href="https://data-madininair.opendata.arcgis.com/">Open Data</a> </li> </ul> </div> <div class="col-md-4 col-lg-2 mb-4 mb-md-0"> <h4 class="font-weight-bold ls-0 text-uppercase">Suivez-nous</h4> <ul class="social-icons social-icons-clean social-icons-medium"> <li> <a href="https://twitter.com/Madininair972" target="_blank" title="Twitter"><i class="fab fa-x-twitter"></i></a> </li> <li> <a href="https://www.facebook.com/Madininair" target="_blank" title="Facebook"><i class="fab fa-facebook-f"></i></a> </li> <li> <a href="https://www.instagram.com/madininair/" target="_blank" title="Instagram"><i class="fab fa-instagram"></i></a> </li> <li> <a href="https://www.youtube.com/channel/UCpI_c0ldj-5fWuVh4Gl09_w" target="_blank" title="Youtube"><i class="fab fa-youtube"></i></a> </li> <li> <a href="https://www.linkedin.com/company/madininair/" target="_blank" title="Linkedin"><i class="fab fa-linkedin-in"></i></a> </li> <li> <a href="spip.php?page=backend" target="_blank" title="Flux rss"><i class="fas fa-rss"></i></a> </li> </ul> </div> <div class="col-md-4 col-lg-2"> <h4 class="font-weight-bold ls-0 text-uppercase">Contact</h4> <ul class="list-unstyled mb-0"> <li class="mb-3"> 31, rue du Pr. Raymond Garcin, 97200 Fort-de-France </li> <li class="mb-1"> <a href="tel:+596696600848">Tél : 0596 60 08 48</a> </li> <li class="mb-0"> <a href="mailto:info@madininair.fr">Mail : info@madininair.fr</a> </li> </ul> </div> </div> </div> <div class="footer-copyright bg-color-bleu-footer"> <div class="container container-lg-custom pb-4"> <div class="row"> <div class="col"> <hr class="my-0 bg-color-light opacity-2"> </div> </div> <div class="row pt-3 pm-4"> <div class="col-lg-3 text-center text-lg-left mb-3 mb-lg-0"> <a href="sommaire.php"> <img alt="Madininair" width="200px" height="auto" src="img/logo_madininair_blanc.svg"> </a> </div> <div class="col-lg-6 text-center text-lg-left mb-3 mb-lg-0 mt-3"> <a href="Mentions-legales">Mentions légales</a> | <a href="Gestion-des-donnees-personnelles">Gestion des données personnelles</a> | <a href="https://www.creativ3.fr/">Une réalisation de CREATIV3</a> </div> <div class="col-lg-3 text-center text-lg-right mt-3"> <p class="text-3 mb-0">© Madininair 2025. Tous droits réservés.</p> </div> </div> </div> </div> </footer> </div>   <script type="text/javascript" src="js/tarteaucitron.js-1.9.1/tarteaucitron.js"></script> <script type="text/javascript"> tarteaucitron.init({ "privacyUrl": "", /* Privacy policy url */ "hashtag": "#tarteaucitron", /* Open the panel with this hashtag */ "cookieName": "tarteaucitron", /* Cookie name */ "orientation": "middle", /* Banner position (top - bottom) */ "groupServices": false, /* Group services by category */ "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": "images/coockie.png", /* Optionnal: URL or base64 encoded image */ "iconPosition": "BottomLeft", /* 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 */ "handleBrowserDNTRequest": false, /* If Do Not Track == 1, disallow all */ "removeCredit": false, /* 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 */ }); </script> <style> div#tarteaucitronAlertBig::before { content: '🍪'; font-size: 35px; } </style>  <script type="text/javascript"> tarteaucitron.user.gtagUa = 'G-P6FFKWZDZR'; // tarteaucitron.user.gtagCrossdomain = ['example.com', 'example2.com']; tarteaucitron.user.gtagMore = function () { /* add here your optionnal gtag() */ }; (tarteaucitron.job = tarteaucitron.job || []).push('gtag'); </script>  <script type="text/javascript"> tarteaucitron.user.addthisPubId = 'ra-4f6a4a2263b35360'; (tarteaucitron.job = tarteaucitron.job || []).push('addthis'); </script>   <script src="assets/jquery.appear/jquery.appear.min.js"></script> <script src="assets/jquery.easing/jquery.easing.min.js"></script> <script src="assets/jquery.cookie/jquery.cookie.min.js"></script> <script src="assets/popper/umd/popper.min.js"></script> <script src="assets/bootstrap/js/bootstrap.min.js"></script> <script src="assets/common/common.min.js"></script> <script src="assets/jquery.validation/jquery.validate.min.js"></script> <script src="assets/jquery.easy-pie-chart/jquery.easypiechart.min.js"></script> <script src="assets/jquery.gmap/jquery.gmap.min.js"></script> <script src="assets/jquery.lazyload/jquery.lazyload.min.js"></script> <script src="assets/isotope/jquery.isotope.min.js"></script> <script src="assets/owl.carousel/owl.carousel.min.js"></script> <script src="assets/magnific-popup/jquery.magnific-popup.min.js"></script> <script src="assets/vide/jquery.vide.min.js"></script> <script src="assets/vivus/vivus.min.js"></script> <script src="assets/bootstrap-datepicker/js/bootstrap-datepicker.min.js"></script> <script src="assets/bootstrap-datepicker/locales/bootstrap-datepicker.fr2.min.js"></script> <script src="assets/bootstrap-multiselect/js/bootstrap-multiselect.js"></script>  <script src="js/theme.js"></script>  <script src="js/views/view.contact.js"></script>  <script src="js/demos/demo-cleaning-services.js"></script>  <script src="js/custom.js?v=1.1"></script>  <script src="js/theme.init.js"></script> <script src='https://www.google.com/recaptcha/api.js'></script> <script> function onSubmit(token) { $(".contact_form").first().submit(); } </script>  <div class="modal fade" id="partageIndiceAtmo" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-lg" role="document"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title" id="exampleModalLongTitle">Partager l'Indice ATMO du jour</h4> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="container-fluid"> <div> <img src="https://www.madininair.fr/share/indice_atmo.png?date=1744294074" class="img-fluid"> </div> <div class="addthis_inline_share_toolbox_vx02" d ata-url="https://www.madininair.fr/?date=2025-04-10 11:14:02" data-title="Indice ATMO du jour" data-description="Voici l'indice AMO du jour" data-media="https://www.madininair.fr/share/indice_atmo.png?date=1744294074"> </div> </div> </div> </div> </div> </div> <div class="modal fade" id="partageIndiceSargasse" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-lg" role="document"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title" id="exampleModalLongTitle">Partager l'Indice Sargasse H2S du jour</h4> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="container-fluid"> <div> <img src="https://www.madininair.fr/share/indice_sargasse.png?date=1620305227" class="img-fluid"> </div> <div class="addthis_inline_share_toolbox_vx02" data-url="http://www.madininair.fr/surveillance-continue-sargasses?date=2025-04-10%2011%3A14%3A02" data-title="Sargasse du jour" data-description="Voici l'indice Sargasse du jour" data-media="https://www.madininair.fr/share/indice_sargasse.png?date=1620305227"> </div> </div> </div> </div> </div> </div> <script> window.fbAsyncInit = function() { FB.init({ appId : '238273947763551', cookie : true, xfbml : true, version : 'v9.0' }); FB.AppEvents.logPageView(); }; (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "https://connect.facebook.net/en_US/sdk.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script>    <script src="https://momentjs.com/downloads/moment-with-locales.js"></script> <script> $(function(){ let communes_stations = ['97216','97230','97222','97210','97232', '97226', '97206']; let communes_stations_to_select = {'97216':'1','97230':'2','97222':'5','97210':'9','97232':'13', '97226':'15', '97206':'16'}; let communes = []; $("#mq_carte_atmo").find("g[data-code]").each(function(){ communes.push({'ville': $(this).data('ville'), 'code':$(this).data('code')}); }); communes.sort( (a,b) => {return a.ville.localeCompare(b.ville);} ); communes.forEach((item) => { $('.selection-zone-atmo').append('<option value="'+item.code+'">'+item.ville+'</option>'); }); $('.selection-zone-atmo').on('input', function(){ $("#mq_carte_atmo").find("g[data-code=" + $(this).val() + "]").trigger('click'); }); moment.locale('fr'); $('.widget_atmo.section_widget').css('opacity', 0.35); $('.share-indice-atmo-today').hide(); $('.share-indice-atmo-tomorrow').show(); $('.share-indice-sargasse-h2s').hide(); $('.share-indice-sargasse-nh3').show(); var url = new URL(window.location); var city = url.searchParams.get("city"); var mode = url.searchParams.get("mode"); var display = url.searchParams.get("display"); var cities = []; if(mode === "embed") { $('.widget_atmo > .nav.nav-tabs').hide(); if((city === "" || typeof(city) == "undefined" || city == null)) { $('.widget_atmo > .nav.nav-tabs').css('display', 'flex'); } else { cities = city.split('-'); $('.selection-zone-atmo').find('option').each(function(){ if(!cities.includes($(this).attr('value'))) $(this).remove(); }); cities.forEach((item) => { if(communes_stations.includes(item)) $('.widget_atmo > .nav.nav-tabs').css('display', 'flex'); }); if(cities.length == 1) { $('.placeholder-message-indice-atmo').remove(); $('.widget-map-placeholder').hide(); $('.commune_placeholder').hide(); } else { if(city == '97227-97202-97206-97207-97210-97217-97220-97221-97226-97223-97231-97232') $('.placeholder-message-indice-atmo h4 strong').html('Espace Sud'); if(city == '97209-97213-97224-97229') $('.placeholder-message-indice-atmo h4 strong').html('Cacem'); if(city == '97216-97201-97203-97234-97204-97205-97208-97211-97212-97214-97215-97218-97233-97219-97222-97225-97228-97230') $('.placeholder-message-indice-atmo h4 strong').html('Cap Nord'); } } // ACTIVATION SARGASSE OU PAS /*city.split('-').forEach((code_insee, index)=>{ if(index === 0) $('g[data-code="'+code_insee+'"]').trigger('click'); else { $('g[data-code="'+code_insee+'"]').find('.st0').addClass('selected'); } });*/ } //console.log(mode, cities, city); $.getJSON('indice_madininair_v2.php').done(function(data){ if($("#mq_carte_atmo").length > 0 && !data.atmo.success) { let message = $('<div class="row align-items-center p-3">Il n\'y a pas d\'indice de disponible pour aujourd`hui.<br>Veuillez nous excuser de cette inconvenient.</div>'); $('.placeholder-message-indice-atmo').html(message); } // ATMO var today = moment(data.atmo.date); var tomorrow = moment(data.atmo.date).add(1, 'days'); $('.today').html(today.format('ddd')+' <strong>'+today.format('DD MMM')+'</strong>'); $('.tomorrow').html(tomorrow.format('ddd')+' <strong>'+tomorrow.format('DD MMM')+'</strong>'); data.atmo.j0.forEach(function(item){ if(mode === "embed" && cities.length > 0 && !cities.includes(item.commune)){ $("#mq_carte_atmo").find("g[data-code=" + item.commune + "]").addClass('disabled') return; } $("#mq_carte_atmo").find("g[data-code=" + item.commune + "]").data('j0', item).find(".st0").css({ fill : item.couleur}); }); data.atmo.j1.forEach(function(item){ if(mode === "embed" && cities.length > 0 && !cities.includes(item.commune)){ $("#mq_carte_atmo").find("g[data-code=" + item.commune + "]").addClass('disabled') return; } $("#mq_carte_atmo").find("g[data-code=" + item.commune + "]").data('j1', item); }); data.atmo.j2.forEach(function(item){ if(mode === "embed" && cities.length > 0 && !cities.includes(item.commune)){ $("#mq_carte_atmo").find("g[data-code=" + item.commune + "]").addClass('disabled') return; } $("#mq_carte_atmo").find("g[data-code=" + item.commune + "]").data('j2', item); }); $("#mq_carte_atmo").find("g").on('click', function(event){ if(mode === "embed" && cities.length > 0 && !cities.includes($(this).attr('data-code'))) { //console.log('skip'); event.preventDefault(); return; } $('.selection-zone-atmo').val($(this).data('code')); $("#mq_carte_atmo").find('.st0.selected').removeClass('selected'); $(this).find('.st0').addClass('selected'); item = $(this).data('j0'); $('.indice-atmo-commune-j0').html($(this).data('ville')); //$('.indice-atmo-polluant-j0').html(item.polluant).attr('title', item.title_polluant); $('.indice-atmo-value-j0').html(item.indice); $('.indice-atmo-polluant-container-j0').html(''); let polluantTitle = item.title_polluant.split('-'); if(item.indice.toLowerCase() !== 'bon') { item.polluant.split('-').forEach((polluant, index)=>{ $('.indice-atmo-polluant-container-j0').append('<span class="btn btn-rounded btn-xs mb-2 mr-2" title="'+polluantTitle[index].trim()+'">'+polluant.trim()+'</span>'); }); } else { $('.indice-atmo-polluant-container-j0').append('<span class="btn btn-rounded btn-xs mb-2 mr-2">-</span>'); } $('.indice-atmo-polluant-container-j0').removeClass('btn-bon btn-moyen btn-degrad btn-mauvais btn-t-mauvais btn-e-mauvais'); if(item.indice.toLowerCase() === 'moyen') $('.indice-atmo-polluant-container-j0 > span').addClass('btn-moyen'); if(item.indice.toLowerCase() === 'bon') $('.indice-atmo-polluant-container-j0 > span ').addClass('btn-bon'); if(item.indice.toLowerCase() === 'dégradé') $('.indice-atmo-polluant-container-j0 > span').addClass('btn-degrad'); if(item.indice.toLowerCase() === 'mauvais') $('.indice-atmo-polluant-container-j0 > span').addClass('btn-mauvais'); if(item.indice.toLowerCase() === 'très mauvais') $('.indice-atmo-polluant-container-j0 > span').addClass('btn-t-mauvais'); if(item.indice.toLowerCase() === 'extrêmement mauvais') $('.indice-atmo-polluant-container-j0 > span').addClass('btn-e-mauvais'); $('.indice-atmo-value-j0').removeClass('btn-bon btn-moyen btn-degrad btn-mauvais btn-t-mauvais btn-e-mauvais'); if(item.indice.toLowerCase() === 'moyen') $('.indice-atmo-value-j0').addClass('btn-moyen'); if(item.indice.toLowerCase() === 'bon') $('.indice-atmo-value-j0').addClass('btn-bon'); if(item.indice.toLowerCase() === 'dégradé') $('.indice-atmo-value-j0').addClass('btn-degrad'); if(item.indice.toLowerCase() === 'mauvais') $('.indice-atmo-value-j0').addClass('btn-mauvais'); if(item.indice.toLowerCase() === 'très mauvais') $('.indice-atmo-value-j0').addClass('btn-t-mauvais'); if(item.indice.toLowerCase() === 'extrêmement mauvais') $('.indice-atmo-value-j0').addClass('btn-e-mauvais'); item = $(this).data('j1'); $('.indice-atmo-commune-j1').html($(this).data('ville')); //$('.indice-atmo-polluant-j1').html(item.polluant).attr('title', item.title_polluant); $('.indice-atmo-value-j1').html(item.indice); $('.indice-atmo-polluant-container-j1').html(''); polluantTitle = item.title_polluant.split('-'); if(item.indice.toLowerCase() !== 'bon') { item.polluant.split('-').forEach((polluant, index)=>{ $('.indice-atmo-polluant-container-j1').append('<span class="btn btn-rounded btn-xs mb-2 mr-2" title="'+polluantTitle[index].trim()+'">'+polluant.trim()+'</span>'); }); } else { $('.indice-atmo-polluant-container-j1').append('<span class="btn btn-rounded btn-xs mb-2 mr-2">-</span>'); } $('.indice-atmo-polluant-container-j1').removeClass('btn-bon btn-moyen btn-degrad btn-mauvais btn-t-mauvais btn-e-mauvais'); if(item.indice.toLowerCase() === 'moyen') $('.indice-atmo-polluant-container-j1 > span').addClass('btn-moyen'); if(item.indice.toLowerCase() === 'bon') $('.indice-atmo-polluant-container-j1 > span').addClass('btn-bon'); if(item.indice.toLowerCase() === 'dégradé') $('.indice-atmo-polluant-container-j1 > span').addClass('btn-degrad'); if(item.indice.toLowerCase() === 'mauvais') $('.indice-atmo-polluant-container-j1 > span').addClass('btn-mauvais'); if(item.indice.toLowerCase() === 'très mauvais') $('.indice-atmo-polluant-container-j1 > span').addClass('btn-t-mauvais'); if(item.indice.toLowerCase() === 'extrêmement mauvais') $('.indice-atmo-polluant-container-j1 > span').addClass('btn-e-mauvais'); $('.indice-atmo-value-j1').removeClass('btn-bon btn-moyen btn-degrad btn-mauvais btn-t-mauvais btn-e-mauvais'); if(item.indice.toLowerCase() === 'moyen') $('.indice-atmo-value-j1').addClass('btn-moyen'); if(item.indice.toLowerCase() === 'bon') $('.indice-atmo-value-j1').addClass('btn-bon'); if(item.indice.toLowerCase() === 'dégradé') $('.indice-atmo-value-j1').addClass('btn-degrad'); if(item.indice.toLowerCase() === 'mauvais') $('.indice-atmo-value-j1').addClass('btn-mauvais'); if(item.indice.toLowerCase() === 'très mauvais') $('.indice-atmo-value-j1').addClass('btn-t-mauvais'); if(item.indice.toLowerCase() === 'extrêmement mauvais') $('.indice-atmo-value-j1').addClass('btn-e-mauvais'); event.preventDefault(); }); if(mode === "embed" && cities.length > 0){ $('g[data-code="'+cities[0]+'"]').trigger('click'); /*if(cities.length == 1) { $('h3').html($('h3').html()+'<br><span>'+$('g[data-code="'+cities[0]+'"]').data('ville')+'</span>'); }*/ } else $('g[data-code="97209"]').trigger('click'); $('.indice-atmo-tab[data-toggle="tab"]').on('shown.bs.tab', function (e) { if($(e.target).is('[href="#recent10"]')) { $("#mq_carte_atmo").find("g").each(function(){ if(!$(this).hasClass('disabled')){ var item = $(this).data('j1'); $(this).find(".st0").css({ fill : item.couleur}); } }); $('.share-indice-atmo-today').hide(); $('.share-indice-atmo-tomorrow').show(); } if($(e.target).is('[href="#popular10"]')) { $("#mq_carte_atmo").find("g").each(function(){ if(!$(this).hasClass('disabled')){ var item = $(this).data('j0'); $(this).find(".st0").css({ fill : item.couleur}); } }); $('.share-indice-atmo-today').show(); $('.share-indice-atmo-tomorrow').hide(); } }).first().tab('show'); $('.widget_atmo.section_widget [data-toggle="tab"]').on('shown.bs.tab', function (e) { if($(e.target).is('[href="#atmo"]')) { $('[href="#popular10"]').trigger('click'); } if($(e.target).is('[href="#sargasse"]')) { $('.btn-H2S').trigger('click'); } }); // SARGASSE let stations = []; const martinique_width_wiewbox = 522.4; const martinique_height_wiewbox = 615.1; const martinique_center_viewbox = {x: martinique_width_wiewbox / 2, y: martinique_height_wiewbox / 2}; //console.log(martinique_center_viewbox); const martinique_latitude = 14.641528; // x const martinique_longitude = -61.024174; // y // LATITUDE //y_wgs84: "14.4711" // LONGITUDE //x_wgs84: "-61.0445" var latitude_distance_centre = null; var longitude_distance_centre = null; var x_distance_centre = null; var y_distance_centre = null; var latitude_distance_px = null; var longitude_distance_px = null; var gps = url.searchParams.get("gps"); gps = "on"; if(gps === "on") { // ON VA UTILISER LA PREMIERE STATION TROUVER COMME VALEUR DE REFERENCE /*for (const item of data.sargasse.H2S) { var site_default = $("#mq_carte_sargasse").find("g[data-site=" + item.id_site + "]"); if(site_default.length == 0) continue; var circle = site_default.find("circle"); console.log(item); console.log(circle.attr('cx'), circle.attr('cy')); latitude_distance_centre = item.y_wgs84 - martinique_latitude; longitude_distance_centre = item.x_wgs84 - martinique_longitude; x_distance_centre = circle.attr('cx') - martinique_center_viewbox.x; y_distance_centre = circle.attr('cy') - martinique_center_viewbox.y; longitude_distance_px = x_distance_centre / longitude_distance_centre; latitude_distance_px = y_distance_centre / latitude_distance_centre; break; } console.log(latitude_distance_centre, longitude_distance_centre); console.log(x_distance_centre, y_distance_centre); console.log(latitude_distance_px, longitude_distance_px); latitude_distance_px = -1201.9738540615435; // Y longitude_distance_px = 890.4850929844783; // X*/ latitude_distance_px = -1281.9738540615435; // Y longitude_distance_px = 1150.4850929844783; // X // DOIT RECRER TOUT LES DATA-SITE APRES LES AVOIR DETRUIT $("#mq_carte_sargasse").find("g[data-site]").remove(); } var begin = moment(data.sargasse.date); var end = moment(data.sargasse.date); begin.subtract(1, 'days') //end.add(1, 'days'); $('.indice-sargasse-periode').html('Période: du '+begin.format('DD/MM/YYYY')+' au '+end.format('DD/MM/YYYY')); data.sargasse.H2S.forEach(function(item){ if(gps === "on") { latitude_distance_centre_station = item.y_wgs84 - martinique_latitude; longitude_distance_centre_station = item.x_wgs84 - martinique_longitude; var g = document.createElementNS('http://www.w3.org/2000/svg', 'g'); g.setAttribute('class', 'site'); g.setAttribute('data-site', item.id_site); var circle = document.createElementNS('http://www.w3.org/2000/svg', 'circle'); circle.setAttribute('class', 'st1'); circle.setAttribute('cx', martinique_center_viewbox.x + longitude_distance_centre_station * longitude_distance_px); circle.setAttribute('cy', martinique_center_viewbox.y + latitude_distance_centre_station * latitude_distance_px); circle.setAttribute('r', '14.3'); g.appendChild(circle); $("#mq_carte_sargasse").append(g) //var circle = $("#mq_carte_sargasse").find("g[data-site=" + item.id_site + "] > circle"); /*console.log(item); console.log(latitude_distance_centre_station, longitude_distance_centre_station); console.log(latitude_distance_centre_station * latitude_distance_px, longitude_distance_centre_station * longitude_distance_px);*/ /*circle .attr('cx', martinique_center_viewbox.x + longitude_distance_centre_station * longitude_distance_px ) .attr('cy', martinique_center_viewbox.y + latitude_distance_centre_station * latitude_distance_px);*/ } $("#mq_carte_sargasse").find("g[data-site=" + item.id_site + "]").data('H2S', item).find(".st1").css({ fill : item.couleur}); stations.push({'site': item.site, 'id_site': item.id_site}); }); data.sargasse.NH3.forEach(function(item){ $("#mq_carte_sargasse").find("g[data-site=" + item.id_site + "]").data('NH3', item); }); stations.sort( (a,b) => {return a.site.localeCompare(b.site);} ); stations.forEach((item) => { $('.selection-zone-sargasse').append('<option value="'+item.id_site+'">'+item.site+'</option>'); }); $('.selection-zone-sargasse').on('input', function(){ $("#mq_carte_sargasse").find("g[data-site=" + $(this).val() + "]").trigger('click'); }); $('#mq_carte_sargasse > g.site').on('click', function(event){ $('.selection-zone-sargasse').val($(this).data('site')); $('#mq_carte_sargasse .st1.selected').removeClass('selected'); $(this).find('.st1').addClass('selected'); item = {}; if($('.btn-H2S').hasClass('hover')) item = $(this).data('H2S'); else item = $(this).data('NH3'); $('.indice-sargasse-site').html(item.site); $('.indice-sargasse-concentration').css({'background-color':item.couleur, 'border-color':item.couleur}); if(item.moy24h == 0 && item.couleur.toLowerCase() === '#ffffff') { $('.indice-sargasse-concentration').html('N.D').attr('title', 'Non disponible'); }else { $('.indice-sargasse-concentration').html(item.moy24h).removeAttr('title'); } if(item.couleur.toLowerCase() === '#ffffff' || item.couleur.toLowerCase() === '#ffff00') $('.indice-sargasse-concentration').css({'color': '#000', 'border-color':'#000'}); else $('.indice-sargasse-concentration').css('color', '#FFF'); event.preventDefault(); }).first().trigger('click'); if(mode === "embed") { cities.forEach((item) => { if(communes_stations.includes(item)){ $('.selection-zone-sargasse').val(communes_stations_to_select[item]); $('#mq_carte_sargasse > g.site[data-site="'+communes_stations_to_select[item]+'"]').trigger('click'); } }); } $('.btn-H2S').on('click', function(event){ $('.share-indice-sargasse-h2s').show(); $('.share-indice-sargasse-nh3').hide(); $('.btn-NH3').removeClass('hover'); $(this).addClass('hover'); $('#mq_carte_sargasse .st1.selected').parents('g').trigger('click'); $("#mq_carte_sargasse").find('g.site').each(function(){ item = $(this).data('H2S'); $(this).find(".st1").css({ fill : item.couleur}) }); event.preventDefault(); }); $('.btn-NH3').on('click', function(event){ $('.share-indice-sargasse-h2s').hide(); $('.share-indice-sargasse-nh3').show(); $('.btn-H2S').removeClass('hover'); $(this).addClass('hover'); $('#mq_carte_sargasse .st1.selected').parents('g').trigger('click'); $("#mq_carte_sargasse").find('g.site').each(function(){ item = $(this).data('NH3'); $(this).find(".st1").css({ fill : item.couleur}) }); event.preventDefault(); }); $('.widget_atmo.section_widget').css('opacity', 1); }); }); </script>  </body> </html>

CINXE.COM

Madininair, La qualité de l'air en Martinique