Jeux paralympiques 2024 : la carte des restrictions de circulation à Paris pendant la cérémonie d’ouverture et les épreuves (2024)

Les Décodeurs
Jeux olympiques de Paris 2024

ParRomain Imbach

Publié le 27 août 2024 à 16h11, modifié le 28 août 2024 à 16h27 (republication de l’article du 30 mai 2024 à 06h00)

Temps de Lecture 1 min.

Ajouter à vos sélections
Ajouter à vos sélections
Partager
- Partager sur Facebook
- Envoyer par e-mail
- Partager sur Linkedin

DécryptageVisualisez les périmètres de sécurité mis en place pour la période des Jeux paralympiques en région parisienne, du mercredi 28août au dimanche 8septembre.

A l’occasion des Jeux paralympiques, qui se déroulent du mercredi 28août au dimanche 8septembre, Franciliens et visiteurs devront s’adapter à nouveau aux périmètres de circulation restreinte aux abords des sites de compétition. La gêne occasionnée devrait être moindre que lors des Jeux olympiques (JO), puisque le nombre de sites et la durée de l’événement sont réduits.

Lire aussi | En direct, Jeux paralympiques de Paris 2024: suivez la cérémonie d’ouverture

Ainsi, la cérémonie d’ouverture se déroule, comme pour les JO, en extérieur et non dans un stade, mais avec un impact plus limité: les restrictions n’entrent en vigueur que le jour de la cérémonie, sur un axe limité entre la porte Maillot et la place de la Concorde, dans l’Ouest parisien. En juillet, un périmètre de restriction autour de la Seine avait été mis en place une semaine avant l’ouverture des JO.

Plusieurs zones de restrictions de circulation sont établies par la Préfecture de police de Paris, à proximité des sites de compétition ou de cérémonie:

périmètre bleu: l’accès est libre pour les piétons, cyclistes et trottinettes – y compris électriques –, mais la circulation motorisée est soumise à un justificatif écrit «sous forme libre».
périmètre rouge: la circulation motorisée nécessitera un laissez-passer numérique, réservé aux riverains et aux travailleurs, sous certaines conditions. Taxi, VTC et véhicules transportant des personnes en situation de handicap possédant la carte mobilité inclusion (CMI) peuvent cependant y accéder sans laissez-passer.
périmètre gris: également dénommé «SILT» (en référence à la loi Sécurité intérieure et lutte contre le terrorisme), il concerne les abords immédiats des sites d’épreuves. L’accès y est réservé aux spectateurs munis de billets, aux personnes accréditées ou disposant d’un laissez-passer numérique.

Lire aussi | Jeux paralympiques de Paris: les questions pratiques pour se déplacer à pied, en métro, en voiture…

Comme pour les JO, les restrictions de circulation entrent en vigueur deux heures et demie avant le début de la première épreuve sur un site et sont levées une heure après la fin de la dernière – hormis pour les compétitions sur routede disciplines comme le cyclisme, le triathlon et le marathon, où les périmètres sont mis en place trois heures avant le départ des courses et levés un quart d’heure après le passage du dernier concurrent.

Source: Préfecture de Police,COJOP et RATP

`; content += ``; let peri; if (object.properties.TYPE_PERI == "silt") { peri = "de sécurité"; } else { peri = object.properties.TYPE_PERI; } if (horaire_a_retrouver === "00h00 à 23h59") { content += `

Périmètre ${peri} toute la journée le ${jourMois(daily_selected)}

`; } else if (horaire_a_retrouver === "00h00 à 13h00") { content += `

Périmètre ${peri} de 0h00 à 13h00 le ${jourMois(daily_selected)}

`; } else if (horaire_a_retrouver === "13h00 à 23h59") { content += `

Périmètre ${peri} de 13h00 à 23h59 le ${jourMois(daily_selected)}

`; } else if ( object.properties.NOM === "Cyclisme sur route" || object.properties.NOM === "Marathon" || object.properties.NOM === "Triathlon" ) { let heure_depart = parseInt(horaire_a_retrouver.substr(0, 2)); let minutes_depart = parseInt(horaire_a_retrouver.substr(3, 2)); let heure_fin = parseInt(horaire_a_retrouver.substr(8, 2)); let minutes_fin = parseInt(horaire_a_retrouver.substr(11, 2)); // ça se passe 3h avant et 15 minutes après if (minutes_fin < 45) { if (minutes_depart == 0) { periode_restriction = `${ heure_depart - 3 }h0${minutes_depart} à ${heure_fin}h${ minutes_fin + 15 }`; } else { periode_restriction = `${ heure_depart - 3 }h${minutes_depart} à ${heure_fin}h${minutes_fin + 15}`; } } else { if (minutes_depart == 0) { periode_restriction = `${ heure_depart - 3 }h0${minutes_depart} à ${heure_fin + 1}h0${ 15 - (60 - minutes_fin) }`; } else { periode_restriction = `${ heure_depart - 3 }h${minutes_depart} à ${heure_fin + 1}h0${ 15 - (60 - minutes_fin) }`; } } content += `

Périmètre ${peri} de ${periode_restriction} le ${jourMois(daily_selected)}

`; } else { // ça se passe 2h30 avant et 1h après let heure_depart = parseInt(horaire_a_retrouver.substr(0, 2)); let minutes_depart = parseInt(horaire_a_retrouver.substr(3, 2)); let heure_fin = parseInt(horaire_a_retrouver.substr(8, 2)); let minutes_fin = parseInt(horaire_a_retrouver.substr(11, 2)); //si heure de fin = 23 if (heure_fin == 23) { heure_fin = -1; } if (minutes_depart > 30) { if (minutes_fin == 0) { periode_restriction = `${heure_depart - 2}h${ minutes_depart - 30 } à ${heure_fin + 1}h0${minutes_fin}`; } else { periode_restriction = `${heure_depart - 2}h${ minutes_depart - 30 } à ${heure_fin + 1}h${minutes_fin}`; } } if (minutes_depart == 30) { if (minutes_fin == 0) { periode_restriction = `${heure_depart - 2}h0${ minutes_depart - 30 } à ${heure_fin + 1}h0${minutes_fin}`; } else { periode_restriction = `${heure_depart - 2}h0${ minutes_depart - 30 } à ${heure_fin + 1}h${minutes_fin}`; } } else { if (minutes_fin == 0) { periode_restriction = `${heure_depart - 3}h${ 60 - (30 - minutes_depart) } à ${heure_fin + 1}h0${minutes_fin}`; } else { periode_restriction = `${heure_depart - 3}h${ 60 - (30 - minutes_depart) } à ${heure_fin + 1}h${minutes_fin}`; } } content += `

Périmètre ${peri} de ${periode_restriction} le ${jourMois(daily_selected)}

`; } } else { //retrouver l'ID de la station et son nom let nomStation = object.properties.nom; let idStation = object.properties.id; content += `

${object.properties.nom}

`; content += ``; //retrouver le message // On en est là let message_a_retrouver; for (let station of dataStations) { if ( idStation == station.stationId.toString() && anneeMoisJour(daily_selected) == station.date ) { content += `

${station.message}

`; } } } // Fill tooltip tooltip .select(".tooltipcontent") .attr("aria-label", "Zone inondée") .html(content); // Display and translate tooltip if (isMobile) { tooltip .style("display", "block") .transition() .duration(200) .style("transform", "translate(0, -100px)"); } else { tooltip.style("display", "block"); } if (!isMobile) { tooltip.style( "transform", `translate(` + `calc(-50% + ${x}px),` + `calc(-100% + ${y - 6}px))` ); } } // Hide tooltip function onMouseOut() { document.querySelector("canvas").style.cursor = "unset"; if (isMobile) { tooltip .transition() .duration(200) .style("transform", "translate(0, 100px)") .transition() .delay(200) .style("display", "none"); } else { tooltip.style("display", "none"); } } const mapSettings = { center: [2.3540166974033485, 48.856728936168736], zoom: 9, minZoom: 8, maxZoom: 15.9, bearing: 0, pitch: 0, bounds: [ [1.64, 48.52], [3.05, 49.276], ], }; const theme = await d3.json( "https://assets-decodeurs.lemonde.fr/decodeurs/assets/protomaps/contrast_light_fr_v0.0.3.json" ); const restrictionsJoProtoMap = new maplibregl.Map({ container: "map_example", style: { version: 8, glyphs: "https://cdn.protomaps.com/fonts/pbf/{fontstack}/{range}.pbf", sources: { protomaps: { type: "vector", maxzoom: 15, tiles: ["https://prd-protomap.8084.lemonde.io/20240111/{z}/{x}/{y}.mvt"], }, }, layers: theme, }, center: mapSettings.center, zoom: mapSettings.zoom, minZoom: mapSettings.minZoom, maxZoom: mapSettings.maxZoom, pitch: mapSettings.pitch, bearing: mapSettings.bearing, maxBounds: mapSettings.bounds, }); const deckOverlay = new deck.MapboxOverlay({ onHover: ({ x, y, object }) => { if (object == undefined) return onMouseOut(); return object && fillTooltip({ x, y, object }); }, pickingRadius: isMobile ? 20 : 5, }); // Add deck layer restrictionsJoProtoMap.addControl(deckOverlay); let scale = new maplibregl.ScaleControl({ maxWidth: 80, unit: "metric", }); restrictionsJoProtoMap.addControl(scale); // Enable exploration restrictionsJoProtoMap.boxZoom.disable(); restrictionsJoProtoMap.keyboard.disable(); restrictionsJoProtoMap.doubleClickZoom.disable(); restrictionsJoProtoMap.touchZoomRotate.disable(); restrictionsJoProtoMap.dragRotate.disable(); restrictionsJoProtoMap.touchPitch.disable(); restrictionsJoProtoMap.scrollZoom.enable(); restrictionsJoProtoMap.boxZoom.enable(); restrictionsJoProtoMap.touchZoomRotate.enable(); restrictionsJoProtoMap.dragPan.enable(); restrictionsJoProtoMap.flyTo({ center: mapSettings.center, zoom: mapSettings.zoom + 0.9, speed: 0.2, curve: 0.2, }); restrictionsJoProtoMap.addControl( new maplibregl.NavigationControl({ showCompass: false }), "top-left" ); const layerVisibility = { all: true, }; const daily_min = d3.min(daily, (d) => d.Date); const daily_max = d3.max(daily, (d) => d.Date); let daily_selected; let today = Date.now(); let dateToday = new Date(today); if (dateToday { const date_formatted = d3.timeFormat("%d/%m/%Y")(val); const data_date = new_daily[d3.timeFormat("%d/%m/%Y")(val)]; daily_selected = val; render(daily_selected); fillLegend(daily_selected); //dans le slider, mettre les textes en bold si on est dans la période var typo_jo_selected = document.querySelector("#label_slide_jo"); var typo_jp_selected = document.querySelector("#label_slide_jp"); typo_jo_selected.classList.remove("periode_slider"); typo_jp_selected.classList.remove("periode_slider"); if ( daily_selected < parseTime("12/08/2024") && daily_selected > parseTime("26/07/2024") ) { // ajouter classe periode_slider à l'objet label_slide_jo typo_jo_selected.classList.add("periode_slider"); } else if ( daily_selected < parseTime("09/09/2024") && daily_selected > parseTime("27/08/2024") ) { // ajouter classe periode_slider à l'objet label_slide_jp typo_jp_selected.classList.add("periode_slider"); } }); // function fillLegend(daily_selected) { const container = document.querySelector(".legend_choices"); container.innerHTML = ""; for (const [key, value] of Object.entries(LEGEND_ITEMS)) { if (key === "Périmètre silt") { container.innerHTML += `

${key}

`; } else { container.innerHTML += `

${key}

`; } } if ( daily_selected < parseTime("27/07/2024") && daily_selected > parseTime("18/07/2024") ) { const container = document.querySelector(".legend_choices"); container.innerHTML += `

Pont neutralisé

`; } const containerStations = document.querySelector(".legend_stations"); containerStations.innerHTML = `

Station fermée (détail au survol)

`; } // Render layers function function render(daily_selected) { const date_formatted = d3.timeFormat("%d/%m/%Y")(daily_selected); const date_reformatted = d3.timeFormat("%Y/%m/%d")(daily_selected); const data_date = new_daily[d3.timeFormat("%d/%m/%Y")(daily_selected)]; let perimetres_a_afficher = []; let stations_a_afficher = []; // Remplissage du programme du jour sous la carte let daily_programme_container = document.querySelector( "#resultat-daily-selected" ); daily_programme_container.innerHTML = ""; let content = `

HORAIRE DES DIFFÉRENTS LIEUX

${ dicoJour[d3.timeFormat("%d")(daily_selected)] } ${dicoMois[d3.timeFormat("%B")(daily_selected)]}

${site_row.Nom} : ${heure}

`; daily_programme_container.innerHTML = content; let filteredFeatures = data.features .filter((d) => { return perimetres_a_afficher.includes(d.properties.file_path); }) .sort((a, b) => { const order = { bleu: 1, rouge: 2, silt: 3, "ferm\u00e9": 4 }; return ( order[a.properties.TYPE_PERI] - order[b.properties.TYPE_PERI] ); }); let filteredData = { type: "FeatureCollection", features: filteredFeatures, }; //rechercher l'ID des stations qui sont fermées le jourJ for (let station of dataStations) { if (station.date == date_reformatted) { stations_a_afficher.push(station.stationId.toString()); } } //filtrer le geojson des stations avec les ID récupérés let filteredStation = geoStations.features.filter((d) => { return stations_a_afficher.includes(d.properties.id); }); //on affiche toutes les stations let AllfilteredStations = { type: "FeatureCollection", features: filteredStation, }; const layerRestrictions = new deck.GeoJsonLayer({ id: "layer-restrictions", data: filteredData, pickable: true, stroked: false, filled: true, extruded: false, getFillColor: (d) => { const restriction = d.properties.TYPE_PERI; return COLORS_ALL[restriction]; }, autoHighlight: true, highlightColor: [225, 225, 225, 128], getLineWidth: 1, getElevation: 0, }); const layerStations = new deck.GeoJsonLayer({ id: "layer-stations", data: AllfilteredStations, pickable: true, stroked: true, filled: true, extruded: false, getFillColor: [255, 255, 255], // getFillColor: (d) => { // const restriction = d.properties.TYPE_PERI; // return COLORS_ALL[restriction]; // }, autoHighlight: true, highlightColor: [225, 225, 225, 128], getLineWidth: 1, lineWidthUnits: "pixels", getLineColor: [0, 0, 0], getElevation: 0, getPointRadius: 1.5, pointRadiusUnits: "pixels", pointRadiusScale: 2, }); //const layers = [layerRestrictions]; const layers = [layerRestrictions, layerStations]; //const layers = [layerStations]; deckOverlay.setProps({ layers }); } // Render first view render(daily_selected); } } window.onload = () => { initMap(); setTimeout(function () { isMobile = document.querySelector(".map_example_container").offsetWidth <= 600 ? true : false; }, 1000); }; window.onresize = () => { isMobile = document.querySelector(".map_example_container").offsetWidth <= 600; };