{"id":172,"date":"2024-09-27T08:35:26","date_gmt":"2024-09-27T07:35:26","guid":{"rendered":"https:\/\/smea.mtdata.fr\/?page_id=172"},"modified":"2024-09-29T22:03:41","modified_gmt":"2024-09-29T21:03:41","slug":"carte-repartition-des-gestionnaires-aep","status":"publish","type":"page","link":"https:\/\/smea.mtdata.fr\/","title":{"rendered":"Carte r\u00e9partition des gestionnaires AEP"},"content":{"rendered":"<p><style class=\"wpcode-css-snippet\">:root {\r\n  --color1: #3976B4;\r\n  --color2: #505050;\r\n  --color-icon: #3976B4; \r\n  --size-icon: 14px;\r\n  --margin-right-icon: 10px;\r\n  --color-hover: #FF0000;\r\n}\r\n\r\n.page .entry-title {\r\ndisplay: none;\r\n}\r\n\r\n.mtdata-modal-titre {\r\n\tfont-family: Arial, Helvetica, Verdana, sans-serif;\r\n\tfont-weight: bold;\r\n\tfont-size: 24px !important;\r\n\tcolor: var(--color2);\r\n}\r\n\r\nh1 {\r\n\tfont-family: Arial, Helvetica, Verdana, sans-serif;\r\n\tfont-weight: bold;\r\n\tfont-size: 20px !important;\r\n\tcolor: var(--color1);\r\n}\r\n\r\nh2 {\r\n\tfont-family: Arial, Helvetica, Verdana, sans-serif;\r\n\tfont-weight: bold;\r\n\tfont-size: 16px !important;\r\n\tcolor: var(--color2);\r\n}\r\n\r\nh3 {\r\n\tfont-family: Arial, Helvetica, Verdana, sans-serif;\r\n\tfont-weight: bold;\r\n\tfont-size: 12px !important;\r\n\tcolor: red;\r\n}\r\n\r\n.mtdata-objet:hover {\r\n\tcolor: var(--color-hover);\r\n\tcursor:pointer;\r\n}\r\n\r\nli.mtdata-objet {\r\n\tlist-style-type: none;\r\n}\r\n\r\n\/* Ic\u00f4ne par d\u00e9faut *\/\r\n        .custom-icon {\r\n            background: none !important;\r\n            border: none !important;\r\n            transition: transform 0.2s ease, filter 0.2s ease;\r\n        }\r\n        \/* Agrandissement et changement de couleur au survol *\/\r\n        .custom-icon.hovered {\r\n            transform: scale(1.3); \/* Agrandit l'ic\u00f4ne *\/\r\n        }\r\n        .custom-icon img {\r\n            filter: none; \/* Couleur par d\u00e9faut *\/\r\n        }\r\n        .custom-icon.hovered img {\r\n            filter: brightness(0) saturate(100%) invert(93%) sepia(97%) saturate(7455%) hue-rotate(1deg) brightness(107%) contrast(101%); \/* Jaune *\/\r\n        }\r\n\r\n.custom-label {\r\n            background-color: white; \/* Couleur de fond *\/\r\n            padding: 5px; \/* Espacement interne *\/\r\n            border: 0px solid black; \/* Bordure *\/\r\n            border-radius: 4px; \/* Coins arrondis *\/\r\n        }<\/style>\r\n    <!-- Modal D\u00e9tail-->\r\n    <div class=\"modal fade\" id=\"modalDetail\" tabindex=\"-1\" aria-labelledby=\"modalDetailLabel\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog modal-xl\">\r\n      <div class=\"modal-content\">\r\n        <div class=\"modal-header d-flex align-items-center justify-content-between\">\r\n          <!-- Gauche : logo + boutons communs -->\r\n          <div class=\"d-flex align-items-center gap-2\">\r\n            <span id=\"modalDetailLogo\" style=\"font-size: 24px;\"><\/span>\r\n            <div id=\"commonButtons\" class=\"d-flex gap-2\"><\/div>\r\n          <\/div>\r\n\r\n          <!-- Centre : titres -->\r\n          <!-- <div id=\"modalDetailLabel\" class=\"modal-title fs-5 mtdata-detail-titre1\"><\/div> -->\r\n          <div class=\"text-center flex-grow-1\">            \r\n            <div id=\"modalDetailPathObjet\" class=\"mtdata-modal-titre\"><\/div>\r\n          <\/div>\r\n\r\n          <!-- Droite : toolbar + bouton fermer -->\r\n          <div id=\"toolbarModalDetail\" class=\"d-flex align-items-center gap-0\">\r\n            <!-- Conteneur o\u00f9 ton JS ajoute les boutons -->\r\n            <div id=\"toolbarButtons\" class=\"d-none d-xl-flex  align-items-center gap-0 flex-wrap\"><\/div>\r\n\r\n            <!-- Menu pour mobile -->\r\n            <div class=\"dropdown d-xl-none\">\r\n              <button \r\n                class=\"btn btn-sm dropdown-toggle mtdata-icon-liste-actions no-caret\" \r\n                type=\"button\" \r\n                id=\"toolbarDropdown\" \r\n                data-bs-toggle=\"dropdown\" \r\n                aria-expanded=\"false\"\r\n              >\r\n              <\/button>\r\n              <ul class=\"dropdown-menu dropdown-menu-end\" id=\"toolbarDropdownMenu\"><\/ul>\r\n            <\/div>\r\n            \r\n            <!-- Bouton fullscreen -->\r\n              <button type=\"button\"\r\n                      id=\"btnFullscreenDetail\"\r\n                      title=\"Plein \u00e9cran\"\r\n                <span class=\"mtdata-icon-fullscreen\"><\/span>\r\n              <\/button>\r\n\r\n            <!-- Bouton fermer -->\r\n            <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Fermer\"><\/button>\r\n          <\/div>\r\n        <\/div>\r\n      <div class=\"collapse\" id=\"collapseDocuments\">\r\n        <div id=listDocuments class=\"card card-body\">\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"collapse\" id=\"collapseJalons\">\r\n        <div id=listJalons class=\"card card-body\">\r\n        <\/div>\r\n      <\/div>\r\n        <div id=\"modalDetailBody\" class=\"modal-body\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n  \r\n    <!-- Fen\u00eatre modale Action -->\r\n    <div class=\"modal fade\" id=\"modalAction\" tabindex=\"-1\" aria-labelledby=\"modalActionLabel\" aria-hidden=\"true\">\r\n      <div class=\"modal-dialog modal-xl\">\r\n        <div class=\"modal-content\">\r\n          <div class=\"modal-header d-flex align-items-center justify-content-between\">\r\n            <div class=\"d-flex align-items-center\">\r\n              <span id=\"modalActionLogo\" class=\"me-2\"><\/span>\r\n              <h5 class=\"mtdata-modal-titre modal-title fs-5 mtdata-detail-titre1 mb-0\" id=\"modalActionLabel\"><\/h5>\r\n            <\/div>\r\n\r\n            <div class=\"d-flex align-items-center\">\r\n              <!-- Bouton d\u2019aide -->\r\n              <button type=\"button\"\r\n                      id=\"btnHelpAction\"\r\n                      title=\"Aide\"\r\n                      data-bs-toggle=\"collapse\"\r\n                      data-bs-target=\"#collapseHelp\"\r\n                      >\r\n                <span class=\"mtdata-icon-help\"><\/span>\r\n              <\/button>\r\n              \r\n              <!-- Bouton fullscreen -->\r\n              <button type=\"button\"\r\n                      id=\"btnFullscreenAction\"\r\n                      title=\"Plein \u00e9cran\"\r\n                <span class=\"mtdata-icon-fullscreen\"><\/span>\r\n              <\/button>\r\n\r\n              <!-- Bouton de fermeture -->\r\n              <button type=\"button\"\r\n                      class=\"btn-close\"\r\n                      data-bs-dismiss=\"modal\"\r\n                      aria-label=\"Fermer\"><\/button>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"collapse\" id=\"collapseHelp\">\r\n            <div id=\"markdownCollapseHelp\" class=\"card card-body\">\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div id=\"modalActionInfo\"><\/div>\r\n          <div id=\"modalActionBody\" class=\"modal-body\">\r\n            <form id=\"myForm\"><\/form>\r\n          <\/div>\r\n          <center><div id=\"modalActionButtons\" class=\"modal-body\"><\/div><\/center>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n    <!-- Toast pour r\u00e9sultat de l'action -->\r\n    <div id=\"myToasts\" class=\"toast-container position-fixed bottom-0 start-50 p-3 translate-middle-x\" style=\"z-index:1060;\">\r\n    <\/div>\r\n    <div id=\"map\" style=\"height: 600px;\"><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/smea.mtdata.fr\/index.php\/wp-json\/wp\/v2\/pages\/172"}],"collection":[{"href":"https:\/\/smea.mtdata.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smea.mtdata.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smea.mtdata.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/smea.mtdata.fr\/index.php\/wp-json\/wp\/v2\/comments?post=172"}],"version-history":[{"count":3,"href":"https:\/\/smea.mtdata.fr\/index.php\/wp-json\/wp\/v2\/pages\/172\/revisions"}],"predecessor-version":[{"id":184,"href":"https:\/\/smea.mtdata.fr\/index.php\/wp-json\/wp\/v2\/pages\/172\/revisions\/184"}],"wp:attachment":[{"href":"https:\/\/smea.mtdata.fr\/index.php\/wp-json\/wp\/v2\/media?parent=172"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}