{"id":571,"date":"2021-12-06T17:57:17","date_gmt":"2021-12-06T16:57:17","guid":{"rendered":"https:\/\/www.relatable.fr\/blog\/?p=571"},"modified":"2024-01-01T12:10:36","modified_gmt":"2024-01-01T11:10:36","slug":"comment-la-france-utilise-son-territoire","status":"publish","type":"post","link":"https:\/\/www.relatable.fr\/blog\/2021\/12\/06\/comment-la-france-utilise-son-territoire\/","title":{"rendered":"Comment la France utilise son territoire"},"content":{"rendered":"\n<p class=\"chapo\">Des espaces naturels immenses, des champs qui bordent les routes et les voies ferr\u00e9es, des villes et des zones commerciales qui s\u2019\u00e9tendent \u00e0 l&rsquo;infini. Se faire une id\u00e9e de ce qu&rsquo;est le territoire Fran\u00e7ais n&rsquo;est pas \u00e9vident.<\/p>\n\n\n\n<style>\n.articleContent {\n\tmargin-left: auto;\n\tmargin-right: auto;\n\tmax-width: 700px;\n}\n\t\n\t.articleContent h1 {\n\t\tline-height: 1em;\n\t}\n\n\t.articleContent p {\n\t\tz-index: 1;\n\t\tposition: relative;\n\t}\n\n\n\t.widthWrapperContent {\n\t\tmargin-left: auto;\n\t\tmargin-right: auto;\n\t\tpadding-left: 16px;\n\t\tpadding-right: 16px;\n\t\tmax-width: 632px;\n\t}\n\n\n#scrolly {\n\tposition: relative;\n\t\/*background-color: #f3f3f3;*\/\n\tmargin-left: auto;\n\tmargin-right: auto;\n\tmax-width: 700px;\n}\n\n\t.svgWrapper {\n\t\t    position: sticky;\n\t\t    top: 0px;\n\t\t    left: 0;\n\t\t    width: 100%;\n\t\t    margin: 0;\n\t\t    \/* height: 100%; *\/\n\t\t    \/* background-color: #8a8a8a; *\/\n\t\t    z-index: 0;\n\t\t    \n\t}\n\n\t.svgWrapper::after {\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\tright: 0;\n\t\tcontent: \"\";\n\t\tpointer-events: none;\n\t\t\/*background-image: \n\t\t\tlinear-gradient(red 1px,transparent 0),\n\t\t\tlinear-gradient(90deg, red 1px,transparent 0);\n\t\tbackground-size:  11.076% 11.076%;*\/\n\t}\n\n\t@media (orientation: landscape) and (min-height:700px) {\n\t\t.svgWrapper {\n\t\t\ttop:  calc((100% - 700px) \/ 2);\n\t\t}\n\t}\n\n#treeMap {\n\tdisplay: block;\n}\n\n.treeMap {\n    max-width: 100%;\n    max-height: 80vh;\n    position: absolute;\n    top: 0;\n    margin-left: auto;\n    margin-right: auto;\n    left: 0;\n    right: 0;\n}\n\n\t.frenchPerson {\n\t\ttransition: transform 0.5s;\n\t\ttransform: translate(50%,40%) scale(1);\n\t}\n\n\t.arrow {\n\t\tfont-size: 4px;\n\t\tfill: #ccc;\n\t\topacity: 0;\n\t}\n\n\t.treemap .global > *,\n\t.treemap .detail > *{\n\t\topacity: 0;\n\t\ttransition: opacity 0.5s;\n\t}\n\n\t.treemap .groupActif { opacity: 1; }\n\t.treemap .reduced {\topacity: 0.3; }\n\t.treemap .emphased { opacity: 1; }\n\n\n\t.treemap .subText {\n\t\t\/*opacity: 0;*\/\n\t}\n\n\n[data-activepanel=\"0\"] .nature {\n\t\/*opacity: 0;*\/\n}\n\n[data-activepanel=\"0\"] .artificialise,\n[data-activepanel=\"1\"] .artificialise {\n\t\/*opacity: 0;*\/\n}\n\n\n.branchName {\n\tfont-size: 4px;\n}\n\n.branchSurface {\n\tfont-size: 3px;\n}\n\n\n\narticle {\n\tposition: relative;\n\tpadding: 0;\n\n\n\tpointer-events: none;\n}\n\n\n.step {\n\tmax-width: 620px;\n\tmargin: 0 auto 2rem auto;\n\t\/*background-color: rgba(0, 0, 0, 0.1);*\/\n}\n\n.step:last-child {\n\tmargin-bottom: 0;\n}\n\n\t.step p {\n\t\tbackground-color: rgba(255,255,255,0.9);\n\t\t\/*border: 1px solid;*\/\n\t\tpadding: 10px;\n\t}\n\t\n\n\n#intro {\n\tmax-width: 40rem;\n\tmargin: 1rem auto;\n\ttext-align: center;\n}\n\n.intro__hed {\n\tfont-size: 2em;\n\tmargin: 2rem auto 0.5rem auto;\n}\n\n.intro__dek {\n\tcolor: #8a8a8a;\n}\n\n.github-corner:hover .octo-arm {\n\tanimation: octocat-wave 560ms ease-in-out;\n}\n\n#intro {\n\tmargin-bottom: 320px;\n}\n\n#outro {\n\theight: 640px;\n}<\/style>\n\n<section id=\"scrolly\">\n\t<figure class=\"svgWrapper\" data-activepanel=\"0\">\n\t\t<svg id=\"treeMap\" width=\"100%\" height=\"100%\" viewBox=\"0 0 376.188 376.188\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" xml:space=\"preserve\" xmlns:serif=\"http:\/\/www.serif.com\/\" style=\"fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;\">\n\t\t\t<g class=\"treemap\">\n\t\t\t\t<g class=\"agriculture\">\n\t\t\t\t\t<g class=\"global\">\n\t\t\t\t\t\t<rect class=\"groupActif\" x=\"-0.177\" y=\"0\" width=\"376.188\" height=\"189.03\" style=\"fill:#a68114;\" \/>\n\t\t\t\t\t\t<text class=\"groupActif\" x=\"91.716px\" y=\"86.207px\" style=\"font-family:'Helvetica-Bold', 'Helvetica';font-weight:700;font-size:37.5px;fill:#fff;\">Agriculture<\/text>\n\t\t\t\t\t\t<text class=\"subText groupActif\" x=\"124.906px\" y=\"129.393px\" style=\"font-family:'Helvetica';font-size:29.167px;fill:#fff;\">~ 51%<\/text>\n\t\t\t\t\t<\/g>\n\t\t\t\t\t<g class=\"detail\">\n\t\t\t\t\t\t<g class=\"cereales\">\n\t\t\t\t\t\t\t<rect x=\"0\" y=\"0\" width=\"125.838\" height=\"189.03\" style=\"fill:#d9a918;\" \/>\n\t\t\t\t\t\t\t<text x=\"4px\" y=\"20\" style=\"font-family:'Helvetica-Bold', 'Helvetica';font-weight:700;font-size:20.833px;fill:#4b4b4b;\">C\u00e9r\u00e9ales<\/text>\n\t\t\t\t\t\t<\/g>\n\t\t\t\t\t\t<g class=\"fourrage\">\n\t\t\t\t\t\t\t<rect x=\"130.005\" y=\"0\" width=\"108.333\" height=\"99.835\" style=\"fill:#d9a918;\" \/>\n\t\t\t\t\t\t\t<text x=\"134.005px\" y=\"20\" style=\"font-family:'Helvetica-Bold', 'Helvetica';font-weight:700;font-size:20.833px;fill:#4b4b4b;\">Fourrage<\/text>\n\t\t\t\t\t\t<\/g>\n\t\t\t\t\t\t<g class=\"oleagineux\">\n\t\t\t\t\t\t\t<rect x=\"130.005\" y=\"104.002\" width=\"52.968\" height=\"85.028\" style=\"fill:#d9a918;\" \/>\n\t\t\t\t\t\t\t<g transform=\"matrix(4.16667,0,0,4.16667,134.465,117.606)\">\n\t\t\t\t\t\t\t\t<text x=\"0px\" y=\"0px\" style=\"font-family:'Helvetica';font-size:3px;fill:#4b4b4b;\">Ol\u00e9a-<\/text>\n\t\t\t\t\t\t\t\t<text x=\"0px\" y=\"3px\" style=\"font-family:'Helvetica';font-size:3px;fill:#4b4b4b;\">gineux <\/text>\n\t\t\t\t\t\t\t\t<text x=\"0px\" y=\"9px\" style=\"font-family:'Helvetica';font-size:3px;fill:#4b4b4b;\">Prot\u00e9a-<\/text>\n\t\t\t\t\t\t\t\t<text x=\"0px\" y=\"12px\" style=\"font-family:'Helvetica';font-size:3px;fill:#4b4b4b;\">gineux <\/text>\n\t\t\t\t\t\t\t<\/g>\n\t\t\t\t\t\t<\/g>\n\t\t\t\t\t\t<g class=\"industries\">\n\t\t\t\t\t\t\t<rect x=\"187.139\" y=\"104.002\" width=\"51.199\" height=\"26.933\" style=\"fill:#d9a918;\" \/>\n\t\t\t\t\t\t\t<g transform=\"matrix(4.16667,0,0,4.16667,190.3,113.59)\">\n\t\t\t\t\t\t\t\t<text x=\"0px\" y=\"0px\" style=\"font-family:'Helvetica';font-size:2px;fill:#4b4b4b;\">Culture<\/text>\n\t\t\t\t\t\t\t\t<text x=\"0px\" y=\"2px\" style=\"font-family:'Helvetica';font-size:2px;fill:#4b4b4b;\">industrielle <\/text>\n\t\t\t\t\t\t\t<\/g>\n\t\t\t\t\t\t<\/g>\n\t\t\t\t\t\t<g class=\"legume\">\n\t\t\t\t\t\t\t<rect x=\"187.139\" y=\"135.101\" width=\"51.199\" height=\"21.138\" style=\"fill:#d9a918;\" \/>\n\t\t\t\t\t\t\t<g transform=\"matrix(4.16667,0,0,4.16667,190.3,143.584)\">\n\t\t\t\t\t\t\t\t<text x=\"0px\" y=\"0px\" style=\"font-family:'Helvetica';font-size:2px;fill:#4b4b4b;\">L\u00e9gume,<\/text>\n\t\t\t\t\t\t\t\t<text x=\"0px\" y=\"2px\" style=\"font-family:'Helvetica';font-size:2px;fill:#4b4b4b;\">\ufb02eur,jardin <\/text>\n\t\t\t\t\t\t\t<\/g>\n\t\t\t\t\t\t<\/g>\n\t\t\t\t\t\t<g class=\"jachere\">\n\t\t\t\t\t\t\t<rect x=\"187.139\" y=\"160.406\" width=\"34.32\" height=\"28.624\" style=\"fill:#d9a918;\" \/>\n\t\t\t\t\t\t\t<text x=\"190.3px\" y=\"169.196px\" style=\"font-family:'Helvetica';font-size:8.333px;fill:#4b4b4b;\">Jach\u00e8re<\/text>\n\t\t\t\t\t\t<\/g>\n\t\t\t\t\t\t<g class=\"pature\">\n\t\t\t\t\t\t\t<rect x=\"242.505\" y=\"0\" width=\"133.683\" height=\"166.992\" style=\"fill:#d9a918;\" \/>\n\t\t\t\t\t\t\t<text x=\"246.505\" y=\"20\" style=\"font-family:'Helvetica-Bold', 'Helvetica';font-weight:700;font-size:20.833px;fill:#4b4b4b;\">P\u00e2ture<\/text>\n\t\t\t\t\t\t<\/g>\n\t\t\t\t\t\t<g class=\"vignes\">\n\t\t\t\t\t\t\t<rect x=\"242.505\" y=\"171.159\" width=\"92.165\" height=\"17.871\" style=\"fill:#d9a918;\" \/>\n\t\t\t\t\t\t\t<text x=\"245.828px\" y=\"182.48px\" style=\"font-family:'Helvetica';font-size:12.5px;fill:#4b4b4b;\">vigne<\/text>\n\t\t\t\t\t\t<\/g>\n\t\t\t\t\t\t<g class=\"vergers\">\n\t\t\t\t\t\t\t<rect x=\"338.837\" y=\"171.159\" width=\"17.914\" height=\"17.871\" style=\"fill:#d9a918;\" \/>\n\t\t\t\t\t\t\t<g class=\"Vergers\" transform=\"matrix(4.16667,0,0,4.16667,340.052,178.389)\">\n\t\t\t\t\t\t\t\t<text x=\"0px\" y=\"0px\" style=\"font-family:'Helvetica';font-size:2px;fill:#4b4b4b;\">Ver-<\/text>\n\t\t\t\t\t\t\t\t<text x=\"0px\" y=\"2px\" style=\"font-family:'Helvetica';font-size:2px;fill:#4b4b4b;\">ger<\/text>\n\t\t\t\t\t\t\t<\/g>\n\t\t\t\t\t\t<\/g>\n\t\t\t\t\t\t\t<g class=\"autres\" serif:class=\"autres\">\n\t\t\t\t\t\t\t<rect x=\"360.918\" y=\"171.159\" width=\"15.27\" height=\"17.871\" style=\"fill:#d9a918;\"\/>\n\t\t\t\t\t\t\t<g class=\"Vergers\" transform=\"matrix(4.16667,0,0,4.16667,362.052,178.389)\">\n\t\t\t\t\t\t\t\t<text x=\"0px\" y=\"0px\" style=\"font-family:'Helvetica';font-size:2px;fill:#4b4b4b;\">Aut&#8211;<\/text>\n\t\t\t\t\t\t\t\t<text x=\"0px\" y=\"2px\" style=\"font-family:'Helvetica';font-size:2px;fill:#4b4b4b;\">res<\/text>\n\t\t\t\t\t\t\t<\/g>\n\t\t\t\t\t\t<\/g>\n\t\t\t\t\t\t<g class=\"pommedeterre\">\n\t\t\t\t\t\t\t<rect x=\"225.626\" y=\"160.406\" width=\"12.712\" height=\"28.624\" style=\"fill:#d9a918;\"\/>\n\t\t\t\t\t\t\t<g transform=\"matrix(4.16667,0,0,4.16667,227.354,167.511)\">\n\t\t\t\t\t\t\t\t<text x=\"0px\" y=\"0px\" style=\"font-family:'Helvetica';font-size:2px;fill:#4b4b4b;\">pomme <\/text>\n\t\t\t\t\t\t\t\t<text x=\"0px\" y=\"2px\" style=\"font-family:'Helvetica';font-size:2px;fill:#4b4b4b;\">de<\/text>\n\t\t\t\t\t\t\t\t<text x=\"0px\" y=\"4px\" style=\"font-family:'Helvetica';font-size:2px;fill:#4b4b4b;\">terre <\/text>\n\t\t\t\t\t\t\t<\/g>\n\t\t\t\t\t\t<\/g>\n\t\t\t\t\t<\/g>\n\t\t\t\t<\/g>\n\t\t\t\t<g class=\"nature\">\n\t\t\t\t\t<g class=\"global\">\n\t\t\t\t\t\t<rect class=\"groupActif\" x=\"0\" y=\"193.197\" width=\"305.35\" height=\"182.991\" style=\"fill:#164040;\" \/>\n\t\t\t\t\t\t<text class=\"groupActif\" x=\"94.314px\" y=\"276.164px\" style=\"font-family:'Helvetica-Bold', 'Helvetica';font-weight:700;font-size:37.5px;fill:#fff;\">Nature<\/text>\n\t\t\t\t\t\t<text class=\"subText groupActif\" x=\"89.665px\" y=\"319.655px\" style=\"font-family:'Helvetica';font-size:29.167px;fill:#fff;\">~ 40%<\/text>\n\t\t\t\t\t<\/g>\n\t\t\t\t\t<g class=\"detail\" serif:class=\"detail\">\n\t\t\t\t\t\t<g class=\"foret\">\n\t\t\t\t\t\t\t<rect x=\"0\" y=\"193.197\" width=\"235.95\" height=\"182.991\" style=\"fill:#285e2d;\" \/>\n\t\t\t\t\t\t\t<text x=\"6.976px\" y=\"216.201px\" style=\"font-family:'Helvetica-Bold', 'Helvetica';font-weight:700;font-size:20.833px;fill:#fff;\">For\u00eat<\/text>\n\t\t\t\t\t\t<\/g>\n\t\t\t\t\t\t<g class=\"lande\">\n\t\t\t\t\t\t\t<rect x=\"240.117\" y=\"193.197\" width=\"65.233\" height=\"64.638\" style=\"fill:#285e2d;\" \/>\n\t\t\t\t\t\t\t<g transform=\"matrix(4.16667,0,0,4.16667,243.674,206.569)\">\n\t\t\t\t\t\t\t\t<text x=\"0px\" y=\"0px\" style=\"font-family:'ArialMT', 'Arial', sans-serif;font-size:3px;fill:#fff;\">Lande,<\/text>\n\t\t\t\t\t\t\t\t<text x=\"0px\" y=\"3px\" style=\"font-family:'ArialMT', 'Arial', sans-serif;font-size:3px;fill:#fff;\">friche,<\/text>\n\t\t\t\t\t\t\t\t<text x=\"0px\" y=\"6px\" style=\"font-family:'ArialMT', 'Arial', sans-serif;font-size:3px;fill:#fff;\">maquis,<\/text>\n\t\t\t\t\t\t\t\t<text x=\"0px\" y=\"9px\" style=\"font-family:'ArialMT', 'Arial', sans-serif;font-size:3px;fill:#fff;\">garrigue<\/text>\n\t\t\t\t\t\t\t<\/g>\n\t\t\t\t\t\t<\/g>\n\t\t\t\t\t\t<g class=\"bosquet\">\n\t\t\t\t\t\t\t<rect x=\"240.117\" y=\"262.001\" width=\"65.233\" height=\"56.204\" style=\"fill:#285e2d;\" \/>\n\t\t\t\t\t\t\t<g transform=\"matrix(4.16667,0,0,4.16667,243.674,275.348)\">\n\t\t\t\t\t\t\t\t<text x=\"0px\" y=\"0px\" style=\"font-family:'Helvetica';font-size:3px;fill:#fff;\">Bosquet, <\/text>\n\t\t\t\t\t\t\t\t<text x=\"0px\" y=\"3px\" style=\"font-family:'Helvetica';font-size:3px;fill:#fff;\">haie,<\/text>\n\t\t\t\t\t\t\t\t<text x=\"0px\" y=\"6px\" style=\"font-family:'Helvetica';font-size:3px;fill:#fff;\">alignement <\/text>\n\t\t\t\t\t\t\t\t<text x=\"0px\" y=\"9px\" style=\"font-family:'Helvetica';font-size:3px;fill:#fff;\">d&apos;arbres <\/text>\n\t\t\t\t\t\t\t<\/g>\n\t\t\t\t\t\t<\/g>\n\t\t\t\t\t\t<g class=\"eau\">\n\t\t\t\t\t\t\t<rect x=\"240.117\" y=\"322.372\" width=\"42.135\" height=\"53.816\" style=\"fill:#285e2d;\" \/>\n\t\t\t\t\t\t\t<g class=\"sous-les-eaux--lacs--rivi\u00e8res--etc-\" serif:class=\"sous les eaux (lacs, rivi\u00e8res, etc)\" transform=\"matrix(4.16667,0,0,4.16667,241.707,330.469)\">\n\t\t\t\t\t\t\t\t<text x=\"0px\" y=\"0px\" style=\"font-family:'ArialMT', 'Arial', sans-serif;font-size:2px;fill:#fff;\">Sous les<\/text>\n\t\t\t\t\t\t\t\t<text x=\"0px\" y=\"2px\" style=\"font-family:'ArialMT', 'Arial', sans-serif;font-size:2px;fill:#fff;\">eaux (lac,<\/text>\n\t\t\t\t\t\t\t\t<text x=\"0px\" y=\"4px\" style=\"font-family:'ArialMT', 'Arial', sans-serif;font-size:2px;fill:#fff;\">rivi\u00e8re,<\/text>\n\t\t\t\t\t\t\t\t<text x=\"0px\" y=\"6px\" style=\"font-family:'ArialMT', 'Arial', sans-serif;font-size:2px;fill:#fff;\">etc)<\/text>\n\t\t\t\t\t\t\t<\/g>\n\t\t\t\t\t\t<\/g>\n\t\t\t\t\t\t<g>\n\t\t\t\t\t\t\t<rect x=\"286.418\" y=\"322.372\" width=\"18.931\" height=\"53.816\" style=\"fill:#285e2d;\" \/>\n\t\t\t\t\t\t\t<g class=\"Sols-nus\" serif:class=\"Sols nus\" transform=\"matrix(4.16667,0,0,4.16667,288.459,330.734)\">\n\t\t\t\t\t\t\t\t<text x=\"0px\" y=\"0px\" style=\"font-family:'Helvetica';font-size:2px;fill:#fff;\">Sol<\/text>\n\t\t\t\t\t\t\t\t<text x=\"0px\" y=\"2px\" style=\"font-family:'Helvetica';font-size:2px;fill:#fff;\">nu<\/text>\n\t\t\t\t\t\t\t<\/g>\n\t\t\t\t\t\t<\/g>\n\t\t\t\t\t<\/g>\n\t\t\t\t<\/g>\n\t\t\t\t<g class=\"artificiel\">\n\t\t\t\t\t<g class=\"global\" serif:class=\"global\">\n\t\t\t\t\t\t<rect class=\"groupActif\" x=\"309.516\" y=\"193.197\" width=\"66.671\" height=\"182.991\" style=\"fill:#d47aba;\" \/>\n\t\t\t\t\t\t<g class=\"groupActif\">\n\t\t\t\t\t\t\t<text class=\"subText\" x=\"319.514px\" y=\"323.797px\" style=\"font-family:'Helvetica-Light', 'Helvetica', sans-serif;font-weight:300;font-size:12.5px;fill:#fff;\">~ 9%<\/text>\n\t\t\t\t\t\t\t<g transform=\"matrix(4.16667,0,0,4.16667,308.054,260.808)\">\n\t\t\t\t\t\t\t\t<text x=\"3.764px\" y=\"0px\" style=\"font-family:'Helvetica-Light', 'Helvetica', sans-serif;font-weight:300;font-size:5px;fill:#fff;\">Sols <\/text>\n\t\t\t\t\t\t\t\t<text x=\"1.691px\" y=\"5px\" style=\"font-family:'Helvetica-Light', 'Helvetica', sans-serif;font-weight:300;font-size:5px;fill:#fff;\">arti\ufb01c-<\/text>\n\t\t\t\t\t\t\t\t<text x=\"1.691px\" y=\"10px\" style=\"font-family:'Helvetica-Light', 'Helvetica', sans-serif;font-weight:300;font-size:5px;fill:#fff;\">ialis\u00e9s<\/text>\n\t\t\t\t\t\t\t<\/g>\n\t\t\t\t\t\t<\/g>\n\t\t\t\t\t<\/g>\n\t\t\t\t\t<g class=\"detail\" serif:class=\"detail\">\n\t\t\t\t\t\t<g class=\"parcs\">\n\t\t\t\t\t\t\t<rect x=\"309.516\" y=\"193.197\" width=\"66.671\" height=\"67.426\" style=\"fill:#401633;\" \/>\n\t\t\t\t\t\t\t<g transform=\"matrix(4.16667,0,0,4.16667,314.053,205.873)\">\n\t\t\t\t\t\t\t\t<text x=\"0px\" y=\"0px\" style=\"font-family:'Helvetica';font-size:3px;fill:#fff;\">Pelouse, <\/text>\n\t\t\t\t\t\t\t\t<text x=\"0px\" y=\"3px\" style=\"font-family:'Helvetica';font-size:3px;fill:#fff;\">jardin,<\/text>\n\t\t\t\t\t\t\t\t<text x=\"0px\" y=\"6px\" style=\"font-family:'Helvetica';font-size:3px;fill:#fff;\">parc,<\/text>\n\t\t\t\t\t\t\t\t<text x=\"0px\" y=\"9px\" style=\"font-family:'Helvetica';font-size:3px;fill:#fff;\">bord de<\/text>\n\t\t\t\t\t\t\t\t<text x=\"0px\" y=\"12px\" style=\"font-family:'Helvetica';font-size:3px;fill:#fff;\">route<\/text>\n\t\t\t\t\t\t\t<\/g>\n\t\t\t\t\t\t<\/g>\n\t\t\t\t\t\t<g class=\"stabilise\">\n\t\t\t\t\t\t\t<rect x=\"309.516\" y=\"264.789\" width=\"66.671\" height=\"29.022\" style=\"fill:#401633;\" \/>\n\t\t\t\t\t\t\t<g transform=\"matrix(4.16667,0,0,4.16667,313.683,274.123)\">\n\t\t\t\t\t\t\t\t<text x=\"0px\" y=\"0px\" style=\"font-family:'ArialMT', 'Arial', sans-serif;font-size:2px;fill:#fff;\">Sol stabilis\u00e9<\/text>\n\t\t\t\t\t\t\t\t<text x=\"0px\" y=\"2px\" style=\"font-family:'ArialMT', 'Arial', sans-serif;font-size:2px;fill:#fff;\">(chemin, rails<\/text>\n\t\t\t\t\t\t\t\t<text x=\"0px\" y=\"4px\" style=\"font-family:'ArialMT', 'Arial', sans-serif;font-size:2px;fill:#fff;\">mine, d\u00e9charge)<\/text>\n\t\t\t\t\t\t\t<\/g>\n\t\t\t\t\t\t<\/g>\n\t\t\t\t\t\t<g class=\"revetu\">\n\t\t\t\t\t\t\t<rect x=\"309.516\" y=\"297.978\" width=\"66.671\" height=\"46.225\" style=\"fill:#401633;\" \/>\n\t\t\t\t\t\t\t<g transform=\"matrix(4.16667,0,0,4.16667,313.683,308.459)\">\n\t\t\t\t\t\t\t\t<text x=\"0px\" y=\"0px\" style=\"font-family:'ArialMT', 'Arial', sans-serif;font-size:2px;fill:#fff;\">Sol rev\u00eatu<\/text>\n\t\t\t\t\t\t\t\t<text x=\"0px\" y=\"2px\" style=\"font-family:'ArialMT', 'Arial', sans-serif;font-size:2px;fill:#fff;\">(route, place<\/text>\n\t\t\t\t\t\t\t\t<text x=\"0px\" y=\"4px\" style=\"font-family:'ArialMT', 'Arial', sans-serif;font-size:2px;fill:#fff;\">parking)<\/text>\n\t\t\t\t\t\t\t<\/g>\n\t\t\t\t\t\t<\/g>\n\t\t\t\t\t\t<g class=\"bati\">\n\t\t\t\t\t\t\t<rect x=\"309.516\" y=\"348.37\" width=\"66.671\" height=\"27.818\" style=\"fill:#401633;\" \/>\n\t\t\t\t\t\t\t<text x=\"313.683\" y=\"357.938px\" style=\"font-family:'ArialMT', 'Arial', sans-serif;font-size:8.333px;fill:#fff;\">sols b\u00e2tis<\/text>\n\t\t\t\t\t\t<\/g>\n\t\t\t\t\t<\/g>\n\t\t\t\t<\/g>\n\t\t\t<\/g>\n\t\t<\/svg>\n\t<\/figure>\n\t<article>\n\t\t<div class=\"step is-active\">\n\t\t\t<p>On peut diviser le territoire fran\u00e7ais en trois parties, selon son utilisation.<\/p>\n\t\t<\/div>\n\t\t<div class=\"step\">\n\t\t\t<p>En d\u00e9tail, l&rsquo;espace agricole est marqu\u00e9 par l&rsquo;importance de la culture de c\u00e9r\u00e9ales (bl\u00e9 puis ma\u00efs et d&rsquo;orges). La moiti\u00e9 de la production de c\u00e9r\u00e9ales fran\u00e7aise est export\u00e9e.<\/p>\n\t\t<\/div>\n\t\t<div class=\"step\">\n\t\t\t<p>Pr\u00e8s d&rsquo;un quart du territoire de France m\u00e9tropolitaine est d\u00e9di\u00e9 \u00e0 l&rsquo;\u00e9levage.<\/p>\n\t\t<\/div>\n\t\t<div class=\"step\">\n\t\t\t<p>La surface agricole a baiss\u00e9e de 17 % (l&rsquo;\u00e9quivalent de la r\u00e9gion Grand-Est) depuis 1961.<\/p>\n\t\t<\/div>\n\t\t<div class=\"step\">\n\t\t\t<p>Pr\u00e8s d&rsquo;un tiers de la France est recouvert de for\u00eat. Ce chiffre est en constante augmentation depuis le d\u00e9but du XIX<sup>e<\/sup> si\u00e8cle, moment o\u00f9 apr\u00e8s une exploitation intensive, la superficie foresti\u00e8re ne repr\u00e9sentait plus que 15 % du territoire.<\/p>\n\t\t<\/div>\n\t\t<div class=\"step\">\n\t\t<\/div>\n\t\t<div class=\"step\">\n\t\t\t<p>La moiti\u00e9 des sols artificialis\u00e9s sont imperm\u00e9ables, l&rsquo;eau ne s&rsquo;y infiltre pas.<\/p>\n\t\t<\/div>\n\t\t<div class=\"step\">\n\t\t\t<p>Les espaces artificialis\u00e9s s&rsquo;\u00e9tendent de 1,5 % par an en moyenne au d\u00e9triment des terres agricoles et de certains milieux naturels.<\/p>\n\t\t<\/div>\n\t\t<div class=\"step\">\n\t\t\t<p>En d\u00e9tail voici donc comment sont r\u00e9partis les 550.000 km<sup>2<\/sup> de la France m\u00e9tropolitaine.<\/p>\n\t\t<\/div>\n\t<\/article>\n<\/section>\n\n\n\n<script src=\"https:\/\/relatable.fr\/library\/scrollama.min.js\n\" type=\"text\/javascript\" defer=\"\"><\/script>\n<script>\n\twindow.addEventListener(\"DOMContentLoaded\", (event) => {\n\t\tvar scrolly = document.querySelector(\"#scrolly\");\n\t\tvar figure = scrolly.querySelector(\".svgWrapper\");\n\t\tvar article = scrolly.querySelector(\"article\");\n\t\tvar step = article.querySelectorAll(\".step\");\n\n\n\t\tvar steps = [\n\t\t{\"show\": \".agriculture .global *, .nature .global *, .artificiel .global *\" },\n\t\t{\"show\": \".nature .global rect, .artificiel .global rect, .agriculture .detail *\", \"emphase\":[\".cereales\",\".agriculture\"]},\n\t\t{\"show\": \".nature .global rect, .artificiel .global rect, .agriculture .detail *\", \"emphase\":[\".fourrage\",\".pature\",\".agriculture\"]},\n\t\t{\"show\": \".nature .global rect, .artificiel .global rect, .agriculture .detail *\", \"emphase\":[\".agriculture\"]},\n\t\t{\"show\": \".agriculture .global rect, .artificiel .global rect, .nature .detail *\", \"emphase\":[\".nature\", \".foret\"]},\n\t\t{\"show\": \".agriculture .global rect, .artificiel .global rect, .nature .detail *\", \"emphase\":[\".nature\"]},\n\t\t{\"show\": \".agriculture .global rect, .nature .global rect, .artificiel .detail *\", \"emphase\":[\".artificiel\", \".bati\", \".revetu\"]},\n\t\t{\"show\": \".agriculture .global rect, .nature .global rect, .artificiel .detail *\", \"emphase\":[\".artificiel\"]},\n\t\t{\"show\": \".agriculture .detail *, .nature .detail *, .artificiel .detail *\"}\n\n\t\t];\n\n\/\/ initialize the scrollama\nvar scroller = scrollama();\n\n\/\/ generic window resize listener event\nfunction handleResize() {\n\t\/\/ 1. update height of step elements\n\tvar stepH = Math.floor(window.innerHeight * 0.75);\n\tfor (let i = 0; i < step.length; i++) {\n\t\tstep[i].style.height = stepH + \"px\";\n\t}\n\n\tvar figureHeight = window.innerHeight \/ 2;\n\tvar figureMarginTop = (window.innerHeight - figureHeight) \/ 2;\n\t\/\/ 3. tell scrollama to update new element dimensions\n\tscroller.resize();\n}\n\n\/\/ scrollama event handlers\nfunction handleStepEnter(response) {\n\n\n\tlet i = response.index;\n\tlet thisSteps = steps[i];\n\n\n\tif('show' in thisSteps) {\n\t\tdocument.querySelectorAll(\".groupActif\").forEach(function(el) {\n\t\t\tel.classList.remove('groupActif');\n\t\t});\n\t\tdocument.querySelectorAll(thisSteps.show).forEach(function(el) {\n\t\t\tel.classList.add('groupActif');\n\t\t});\n\t}\n\n\tdocument.querySelectorAll(\".reduced\").forEach(function(el) {\n\t\tel.classList.remove('reduced');\n\t});\n\tdocument.querySelectorAll(\".emphased\").forEach(function(el) {\n\t\tel.classList.remove('emphased');\n\t});\n\n\tif('emphase' in thisSteps) {\n\n\n\t\tfor (let j = 0; j < thisSteps.emphase.length; j++) {\n\t\t\tlet parent = document.querySelector(thisSteps.emphase[j]).parentNode;\n\t\t\tlet siblings = parent.querySelectorAll(\"g\");\n\n\t\t\tparent.querySelectorAll(\":scope>g\").forEach(function(el) {\n\t\t\t\tel.classList.add('reduced');\n\t\t\t});\n\t\t\tdocument.querySelector(thisSteps.emphase[j]).classList.add(\"emphased\",true);\n\t\t}\n\n\t}\n\n\n\n\t\/\/ update graphic based on step\n\tfigure.setAttribute(\"data-activePanel\",response.index);\n}\n\nfunction setupStickyfill() {\n\tlet stickyZones = document.querySelectorAll(\".sticky\");\n\n\tfor (let i = 0; i < stickyZones.length; i++) {\n\t\tstickyZones[i].add(this);\n\t}\n}\n\nfunction init() {\n\tsetupStickyfill();\n\n\t\/\/ 1. force a resize on load to ensure proper dimensions are sent to scrollama\n\thandleResize();\n\n\t\/\/ 2. setup the scroller passing options\n\t\/\/ \t\tthis will also initialize trigger observations\n\t\/\/ 3. bind scrollama event handlers (this can be chained like below)\n\tscroller\n\t.setup({\n\t\tstep: \"#scrolly article .step\",\n\t\toffset: 0.8,\n\t\tdebug: false\n\t})\n\t.onStepEnter(handleStepEnter);\n\n\t\/\/ setup resize event\n\twindow.addEventListener(\"resize\", handleResize);\n}\n\n\/\/ kick things off\ninit();\n});\n<\/script>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Des espaces naturels immenses, des champs qui bordent les routes et les voies ferr\u00e9es, des villes et des zones commerciales qui s\u2019\u00e9tendent \u00e0 l&rsquo;infini. Se faire une id\u00e9e de ce qu&rsquo;est le territoire Fran\u00e7ais n&rsquo;est pas \u00e9vident. Agriculture ~ 51% C\u00e9r\u00e9ales Fourrage Ol\u00e9a- gineux Prot\u00e9a- gineux Culture industrielle L\u00e9gume, \ufb02eur,jardin Jach\u00e8re P\u00e2ture vigne Ver- ger [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-571","post","type-post","status-publish","format-standard","hentry","category-non-classe"],"_links":{"self":[{"href":"https:\/\/www.relatable.fr\/blog\/wp-json\/wp\/v2\/posts\/571"}],"collection":[{"href":"https:\/\/www.relatable.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.relatable.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.relatable.fr\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.relatable.fr\/blog\/wp-json\/wp\/v2\/comments?post=571"}],"version-history":[{"count":32,"href":"https:\/\/www.relatable.fr\/blog\/wp-json\/wp\/v2\/posts\/571\/revisions"}],"predecessor-version":[{"id":636,"href":"https:\/\/www.relatable.fr\/blog\/wp-json\/wp\/v2\/posts\/571\/revisions\/636"}],"wp:attachment":[{"href":"https:\/\/www.relatable.fr\/blog\/wp-json\/wp\/v2\/media?parent=571"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.relatable.fr\/blog\/wp-json\/wp\/v2\/categories?post=571"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.relatable.fr\/blog\/wp-json\/wp\/v2\/tags?post=571"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}