{"id":1019,"date":"2021-09-25T01:00:48","date_gmt":"2021-09-24T23:00:48","guid":{"rendered":"https:\/\/grand-angle.lavenir.net\/assassinat-de-wivinne-marion-un-soleil-a-jamais-eteint\/?page_id=1019"},"modified":"2021-10-06T12:10:45","modified_gmt":"2021-10-06T10:10:45","slug":"meurtre-de-wivinne-marion-que-sest-il-passe-le-jour-du-drame","status":"publish","type":"page","link":"https:\/\/grand-angle.lavenir.net\/assassinat-de-wivinne-marion-un-soleil-a-jamais-eteint\/meurtre-de-wivinne-marion-que-sest-il-passe-le-jour-du-drame\/","title":{"rendered":"Assassinat de Wivinne Marion : que s\u2019est-il pass\u00e9 le jour du drame ?"},"content":{"rendered":"<p><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container hundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:0px;--awb-padding-right:0px;--awb-padding-bottom:0px;--awb-padding-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"width:104% !important;max-width:104% !important;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-padding-right:0px;--awb-padding-left:0px;--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:0px;--awb-margin-bottom-large:20px;--awb-spacing-left-large:0px;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><link href=\"https:\/\/api.mapbox.com\/mapbox-gl-js\/v2.4.1\/mapbox-gl.css\" rel=\"stylesheet\">\n<script src=\"https:\/\/api.mapbox.com\/mapbox-gl-js\/v2.4.1\/mapbox-gl.js\"><\/script> \n<script src=\"https:\/\/unpkg.com\/intersection-observer@0.5.1\/intersection-observer.js\"><\/script> \n<script src=\"https:\/\/unpkg.com\/scrollama\"><\/script>\n\t<link rel=\"stylesheet\" href=\"https:\/\/use.typekit.net\/uji0zse.css\">\n<style>\n#chapter16 { visibility: hidden; }\nbody {\n    margin: 0;\n    padding: 0;\n    font-family: sans-serif;\n}\na, a:hover, a:visited {\n    color: #0071bc;\n}\n#map {\n    top: 0;\n    height: 100vh;\n    width: 100vw;\n    position: fixed;\n}\n#header {\n    margin: auto;\n    width: 100%;\n    position: relative;\n    z-index: 5;\n}\nh1, h2, h3 {\n    margin: 0;\n    padding: 2vh 2vw;\n    text-align: center;\nfont-family: itc-avant-garde-gothic-pro, sans-serif !important;\nfont-weight: 300;\nfont-style: normal;\n}\n\th3 {\n\t\tfont-size: 2em;\n\t}\n#footer {\n    width: 100%;\n    min-height: 5vh;\n    padding-top: 2vh;\n    padding-bottom: 2vh;\n    text-align: center;\n    line-height: 25px;\n    font-size: 13px;\n    position: relative;\n    z-index: 5;\n}\n#features {\n    padding-top: 10vh;\n    padding-bottom: 10vh;\n}\n.hidden {\n    visibility: hidden;\n}\n.centered {\n    width: 50vw;\n    margin: 0 auto;\n}\n.lefty {\n    width: 33vw;\n    margin-left: 5vw;\n}\n.righty {\n    width: 33vw;\n    margin-left: 62vw;\n}\n.fully {\n    width: 100%;\n    margin: auto;\n}\n.light {\n    color: #444;\n    background-color: #fafafa;\n}\n.dark {\n    color: #fafafa;\n    background-color: #444;\n}\n.step {\n    padding-bottom: 50vh;\n    \/* margin-bottom: 10vh; *\/\n    opacity: 0.25;\n}\n.step.active {\n    opacity: 0.9;\n}\n.step div {\n    padding: 25px 50px;\n    line-height: 25px;\n    font-size: 18px;\nfont-family: museo-slab, serif;\nfont-weight: 100;\nfont-style: normal;\n}\n\t.step div p {\n\t\tmargin-top: 0;\n\t}\n.step img {\n    width: 100%;\n}\n\n@media (max-width: 750px) {\n.centered, .lefty, .righty, .fully {\n    width: 90vw;\n    margin: 0 auto;\n}\n}\n\/* Fix issue on mobile browser where scroll breaks  *\/\n.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan, .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas {\n    touch-action: unset;\n}\n<\/style>\n<div id=\"map\"><\/div>\n<div id=\"story\"><\/div>\n\n<script>\nvar config = {\n    style: 'mapbox:\/\/styles\/webmastereda\/cktwo6ay80yi918l9vnlwteob',\n    accessToken: 'pk.eyJ1Ijoid2VibWFzdGVyZWRhIiwiYSI6ImNqYWk5YTV5bTJzNnQyd253c2h0Njk1NXAifQ.FtEpslv0a3l0-pE2dg7HmQ',\n    showMarkers: false,\n    theme: 'light',\n    title: 'Assassinat de Wivinne Marion : Que s\u2019est-il pass\u00e9 le jour du drame ?',\n    subtitle: '',\n    byline: '',\n    footer: '',\n    chapters: [\n\t\t{\n            id: 'chapter0',\n            alignment: 'right',\n            title: '',\n            image: '',\n            description: '<p>Le jeudi 1er novembre 2018, Wivinne Marion, p\u00e9diatre et maman, est tu\u00e9e alors qu\u2019elle faisait son jogging. Retour sur ces heures o\u00f9 tout a bascul\u00e9.<\/p>',\n            location: {\n                center: [4.916,50.467],\n                zoom: 10.67,\n                pitch: 0,\n                bearing: 0.00\n            },\n            onChapterEnter: [],\n            onChapterExit: []\n\t\t\t\/\/callback: 'scriptChapter0'\n        },\n        {\n            id: 'chapter1',\n            alignment: 'right',\n            title: '5h45',\n            image: '',\n            description: '<p>Xavier Van Dam, assassin de Wivinne Marion, fait la f\u00eate avec des amis \u00e0 la soir\u00e9e \u201cLes folies namuroises\u201d \u00e0 la ferme Mehaignoul \u00e0 Meux<\/p>',\n            location: {\n                center: [4.824550, 50.552100],\n                zoom: 12,\n                pitch: 55.50,\n                bearing: 0.00\n            },\n            onChapterEnter: [],\n            onChapterExit: [],\n\t\t\tcallback: 'scriptChapter1'\n        },\n        {\n            id: 'chapter2',\n            alignment: 'right',\n            title: '7h39-8h03',\n            image: '',\n            description: '<p>Xavier Van Dam est au bar \u00e0 h\u00f4tesse \u201cLa libertine\u201d \u00e0 Lives-Sur-Meuse<\/p>',\n            location: {\n                center: [4.923300,50.465520],\n                zoom: 15,\n                pitch: 55.50,\n                bearing: -7.20\n            },\n            onChapterEnter: [],\n            onChapterExit: [],\n\t\t\tcallback: 'scriptChapter2'\n        },\n        {\n            id: 'chapter3',\n            alignment: 'right',\n            title: '7h50',\n            image: '',\n            description: '<p>Wivinne Marion quitte son domicile pour aller courir dans les bois de Boninne<\/p>',\n            location: {\n                center: [4.924718,50.494168],\n                zoom: 13.15,\n                pitch: 60.00,\n                bearing: -16.80\n            },\n            onChapterEnter: [],\n            onChapterExit: [],\n\t\t\tcallback: 'scriptChapter3'\n\t\t\t\n        },\n        {\n            id: 'chapter4',\n            alignment: 'right',\n            title: '8h04',\n            image: '',\n            description: '<p>Xavier Van Dam est flash\u00e9 chauss\u00e9e de Li\u00e8ge en direction de Namur.<\/p>',\n            location: {\n                center: [4.9025957,50.4638607],\n                zoom: 14,\n                pitch: 44.00,\n                bearing: -40.00\n            },\n            onChapterEnter: [ ],\n            onChapterExit: [],\n\t\t\tcallback: 'scriptChapter4'\n        },\n        {\n            id: 'chapter5',\n            alignment: 'right',\n            title: '8h13-8h16',\n            image: '',\n            description: '<p>Xavier Van Dam et Wivinne Marion se croisent durant la course de cette derni\u00e8re, chauss\u00e9e de Louvain \u00e0 Bouge<\/p>',\n            location: {\n                center: [4.884187848225673,50.48183266001721],\n                zoom: 15.08,\n                pitch: 47.50,\n                bearing: 32.80\n            },\n            onChapterEnter: [],\n            onChapterExit: [],\n\t\t\tcallback: 'scriptChapter5'\n        },\n        {\n            id: 'chapter6',\n            alignment: 'right',\n            title: '8h24',\n            image: '',\n            description: '<p>Xavier Van Dam passe rue de la Poteresse<\/p>',\n            location: {\n                center: [4.899126522000743,50.48202846958485],\n                zoom: 15.73,\n                pitch: 43.50,\n                bearing: 96.80\n            },\n            onChapterEnter: [],\n            onChapterExit: [],\n\t\t\tcallback: 'scriptChapter6'\n        },\n\t\t{\n            id: 'chapter7',\n            alignment: 'right',\n            title: '8h31',\n            image: '',\n            description: '<p>Wivinne Marion passe rue de la Potresse<\/p>',\n            location: {\n                center: [4.899126522000743, 50.48202846958485],\n                zoom: 15,\n                pitch: 70,\n                bearing: 0\n            },\n            onChapterEnter: [],\n            onChapterExit: [],\n\t\t\tcallback: 'scriptChapter7'\n        },\n\t\t{\n            id: 'chapter8',\n            alignment: 'right',\n            title: '8h39-8h40',\n            image: '',\n            description: '<p>Xavier Van Dam effectue trois passages rue de Fernelmont.<\/p>',\n            location: {\n                center: [4.901469,50.493114],\n                zoom: 13,\n                pitch: 30,\n                bearing: 0\n            },\n            onChapterEnter: [],\n            onChapterExit: [],\n\t\t\tcallback: 'scriptChapter8'\n        },\n\t\t{\n            id: 'chapter9',\n            alignment: 'right',\n            title: '8h46',\n            image: '',\n            description: '<p>L\u2019application de course de Wivinne Marion s\u2019arr\u00eate Chemin des tombes, elle revenait vers son domicile.<\/p>',\n            location: {\n                center: [4.908035,50.494015],\n                zoom: 15,\n                pitch: 60,\n                bearing: 0\n            },\n            onChapterEnter: [],\n            onChapterExit: [],\n\t\t\tcallback: 'scriptChapter9'\n        },\n\t\t{\n            id: 'chapter10',\n            alignment: 'right',\n            title: '8h54',\n            image: '',\n            description: '<p>Un agriculteur travaillant dans son champ aper\u00e7oit, rue Bois de Lahaut, un homme de grande taille qui attrape une jeune femme au sol et la place de force dans le coffre de son v\u00e9hicule. La jeune femme appelle \"Maman, maman\".<br \/>L\\'homme prend la direction du terrain de football puis fait marche-arri\u00e8re, prend la direction de la rue Arthur Mahaut et de la rue du Try.<br \/>L\\'agriculteur pr\u00e9vient la police.',\n            location: {\n                center: [4.921542,50.495219],\n                zoom: 15.5,\n                pitch: 66,\n                bearing: 0\n            },\n            onChapterEnter: [],\n            onChapterExit: [],\n\t\t\tcallback: 'scriptChapter10'\n        },\n\t\t{\n            id: 'chapter11',\n            alignment: 'right',\n            title: '9h13',\n            image: '',\n            description: '<p>Une \u00e9quipe de la police de Namur arrive sur place (\u00e0 Boninne) et proc\u00e8de \u00e0 l\u2019audition de l\u2019agriculteur.<br \/>Le signalement du v\u00e9hicule est donn\u00e9. <\/p>',\n            location: {\n                center: [4.921542,50.495219],\n                zoom: 15,\n                pitch: 60,\n                bearing: 90\n            },\n            onChapterEnter: [],\n            onChapterExit: [],\n\t\t\tcallback: 'scriptChapter11'\n        },\n\t\t{\n            id: 'chapter12',\n            alignment: 'right',\n            title: '9h15',\n            image: '',\n            description: '<p>Une \u00e9quipe de police croise le v\u00e9hicule suspect \u00e0 la sortie de Boninne circulant route de Hannut en direction de Gelbress\u00e9e.<\/p>',\n            location: {\n                center: [4.940811,50.499955],\n                zoom: 15.73,\n                pitch: 43.50,\n                bearing: 96.80\n            },\n            onChapterEnter: [],\n            onChapterExit: [],\n\t\t\tcallback: 'scriptChapter12'\n        },{\n            id: 'chapter13',\n            alignment: 'right',\n            title: '10h13',\n            image: '',\n            description: '<p>Une patrouille se rendant chez la maman de Xavier Van Dam croise le v\u00e9hicule de l\u2019accus\u00e9 dans la rue Joseph Arnould \u00e0 Flawinne. La patrouille tente de l\u2019intercepter mais heurte une berne.<\/p>',\n            location: {\n                center: [4.809980, 50.455930],\n                zoom: 14.46,\n                pitch: 60,\n                bearing: 45.00\n            },\n            onChapterEnter: [],\n            onChapterExit: [],\n\t\t\tcallback: 'scriptChapter13'\n        },{\n            id: 'chapter14',\n            alignment: 'right',\n            title: '10h20',\n            image: '',\n            description: '<p>Deux patrouilles de police circulant sur la Chauss\u00e9e de Charleroi en empruntant le pont vers Flawinne constatent, sur le quai de halage, une voiture pouvant correspondre au signalement. Elle a les feux allum\u00e9s et la porti\u00e8re conducteur est ouverte.<br \/>Via la rue Tir de Ronet, les policiers se rendent sur le quai de halage.<br \/> Xavier Van Dam vient \u00e0 leur rencontre. Il est interpell\u00e9. Ses v\u00eatements sont macul\u00e9s de sang, il a une blessure \u00e0 la main droite qui saigne. Il sent l\u2019alcool mais il ne semble pas ivre et son \u00e9locution ne pr\u00e9sente aucun trouble. Il affirme ne pas savoir o\u00f9 est sa voiture. <\/p>',\n            location: {\n                center: [4.813277220863859, 50.45296606314433],\n                zoom: 15.5,\n                pitch: 45,\n                bearing: 60.00\n            },\n            onChapterEnter: [],\n            onChapterExit: [],\n\t\t\tcallback: 'scriptChapter14'\n        },{\n            id: 'chapter15',\n            alignment: 'right',\n            title: '10h21',\n            image: '',\n            description: '<p>Les policiers parcourent le chemin de halage en suivant les traces de pneus. 300 m\u00e8tres plus loin, ils s\u2019arr\u00eatent: des bulles apparaissent \u00e0 la surface de la Sambre, \u00e0 5 m\u00e8tres du rivage. Ils sollicitent alors l\u2019intervention des pompiers-plongeurs.<\/p>',\n            location: {\n                center: [4.813277220863859,50.45296606314433],\n                zoom: 15.5,\n                pitch: 45,\n                bearing: 60.00\n            },\n            onChapterEnter: [],\n            onChapterExit: []\n        },{\n            id: 'chapter16',\n            alignment: 'right',\n            title: '',\n            image: '',\n            description: '<p><\/p>',\n            location: {\n                center: [4.916,50.467],\n                zoom: 10.67,\n                pitch: 0,\n                bearing: 0.00\n            },\n            onChapterEnter: [],\n            onChapterExit: []\n\t\t\t\/\/callback: 'scriptChapter0'\n        },\n    ]\n};\n\n<\/script>\n<script>\nvar layerTypes = {\n    'fill': ['fill-opacity'],\n    'line': ['line-opacity'],\n    'circle': ['circle-opacity', 'circle-stroke-opacity'],\n    'symbol': ['icon-opacity', 'text-opacity'],\n    'raster': ['raster-opacity'],\n    'fill-extrusion': ['fill-extrusion-opacity'],\n    'heatmap': ['heatmap-opacity']\n}\n\nvar alignments = {\n    'left': 'lefty',\n    'center': 'centered',\n    'right': 'righty',\n    'full': 'fully'\n}\n\nfunction getLayerPaintType(layer) {\n    var layerType = map.getLayer(layer).type;\n    return layerTypes[layerType];\n}\n\nfunction setLayerOpacity(layer) {\n    var paintProps = getLayerPaintType(layer.layer);\n    paintProps.forEach(function(prop) {\n        var options = {};\n        if (layer.duration) {\n            var transitionProp = prop + \"-transition\";\n            options = { \"duration\": layer.duration };\n            map.setPaintProperty(layer.layer, transitionProp, options);\n        }\n        map.setPaintProperty(layer.layer, prop, layer.opacity, options);\n    });\n}\n\nvar story = document.getElementById('story');\nvar features = document.createElement('div');\nfeatures.setAttribute('id', 'features');\n\nvar header = document.createElement('div');\n\nif (config.title) {\n    var titleText = document.createElement('h1');\n    titleText.innerText = config.title;\n    header.appendChild(titleText);\n}\n\nif (config.subtitle) {\n    var subtitleText = document.createElement('h2');\n    subtitleText.innerText = config.subtitle;\n    header.appendChild(subtitleText);\n}\n\nif (config.byline) {\n    var bylineText = document.createElement('p');\n    bylineText.innerText = config.byline;\n    header.appendChild(bylineText);\n}\n\nif (header.innerText.length > 0) {\n    header.classList.add(config.theme);\n    header.setAttribute('id', 'header');\n    story.appendChild(header);\n}\n\nconfig.chapters.forEach((record, idx) => {\n    var container = document.createElement('div');\n    var chapter = document.createElement('div');\n\n    if (record.title) {\n        var title = document.createElement('h3');\n        title.innerText = record.title;\n        chapter.appendChild(title);\n    }\n\n    if (record.description) {\n        var story = document.createElement('p');\n        story.innerHTML = record.description;\n        chapter.appendChild(story);\n    }\n\t\n\tif (record.image) {\n        var image = new Image();\n        image.src = record.image;\n        chapter.appendChild(image);\n    }\n\n    container.setAttribute('id', record.id);\n    container.classList.add('step');\n    if (idx === 0) {\n        container.classList.add('active');\n    }\n\n    chapter.classList.add(config.theme);\n    container.appendChild(chapter);\n    container.classList.add(alignments[record.alignment] || 'centered');\n    if (record.hidden) {\n        container.classList.add('hidden');\n    }\n    features.appendChild(container);\n});\n\nstory.appendChild(features);\n\nvar footer = document.createElement('div');\n\nif (config.footer) {\n    var footerText = document.createElement('p');\n    footerText.innerHTML = config.footer;\n    footer.appendChild(footerText);\n}\n\nif (footer.innerText.length > 0) {\n    footer.classList.add(config.theme);\n    footer.setAttribute('id', 'footer');\n    story.appendChild(footer);\n}\n\nmapboxgl.accessToken = config.accessToken;\n\nconst transformRequest = (url) => {\n    const hasQuery = url.indexOf(\"?\") !== -1;\n    const suffix = hasQuery ? \"&pluginName=scrollytellingV2\" : \"?pluginName=scrollytellingV2\";\n\n    return {\n      url: url + suffix\n    }\n}\n\nvar map = new mapboxgl.Map({\n    container: 'map',\n    style: config.style,\n    center: config.chapters[0].location.center,\n    zoom: config.chapters[0].location.zoom,\n    bearing: config.chapters[0].location.bearing,\n    pitch: config.chapters[0].location.pitch,\n    interactive: false,\n    transformRequest: transformRequest\n});\n\nif (config.showMarkers) {\n    var marker = new mapboxgl.Marker({ color: config.markerColor });\n    marker.setLngLat(config.chapters[0].location.center).addTo(map);\n}\n\n\/\/ instantiate the scrollama\nvar scroller = scrollama();\n\nmap.on(\"load\", function() {\n    if (config.use3dTerrain) {\n        map.addSource('mapbox-dem', {\n            'type': 'raster-dem',\n            'url': 'mapbox:\/\/mapbox.mapbox-terrain-dem-v1',\n            'tileSize': 512,\n            'maxzoom': 14\n        });\n        \/\/ add the DEM source as a terrain layer with exaggerated height\n        map.setTerrain({ 'source': 'mapbox-dem', 'exaggeration': 1.5 });\n\n        \/\/ add a sky layer that will show when the map is highly pitched\n        map.addLayer({\n            'id': 'sky',\n            'type': 'sky',\n            'paint': {\n                'sky-type': 'atmosphere',\n                'sky-atmosphere-sun': [0.0, 0.0],\n                'sky-atmosphere-sun-intensity': 15\n            }\n        });\n    };\n\n    \/\/ setup the instance, pass callback functions\n    scroller\n    .setup({\n        step: '.step',\n        offset: 0.5,\n        progress: true\n    })\n    .onStepEnter(response => {\n        var chapter = config.chapters.find(chap => chap.id === response.element.id);\n        response.element.classList.add('active');\n        map[chapter.mapAnimation || 'flyTo'](chapter.location);\n\n        if (config.showMarkers) {\n            marker.setLngLat(chapter.location.center);\n        }\n        if (chapter.onChapterEnter.length > 0) {\n            chapter.onChapterEnter.forEach(setLayerOpacity);\n        }\n        if (chapter.callback) {\n            window[chapter.callback]();\n        }\n        if (chapter.rotateAnimation) {\n            map.once('moveend', function() {\n                const rotateNumber = map.getBearing();\n                map.rotateTo(rotateNumber + 90, {\n                    duration: 24000, easing: function (t) {\n                        return t;\n                    }\n                });\n            });\n        }\n    })\n    .onStepExit(response => {\n        var chapter = config.chapters.find(chap => chap.id === response.element.id);\n        response.element.classList.remove('active');\n        if (chapter.onChapterExit.length > 0) {\n            chapter.onChapterExit.forEach(setLayerOpacity);\n        }\n    });\n});\n\t\n\t\n\t\n\t\nfunction scriptChapter1() {\n\t\tconst size = 200;\n \n\/\/ This implements `StyleImageInterface`\n\/\/ to draw a pulsing dot icon on the map.\nconst pulsingDot = {\nwidth: size,\nheight: size,\ndata: new Uint8Array(size * size * 4),\n \n\/\/ When the layer is added to the map,\n\/\/ get the rendering context for the map canvas.\nonAdd: function () {\nconst canvas = document.createElement('canvas');\ncanvas.width = this.width;\ncanvas.height = this.height;\nthis.context = canvas.getContext('2d');\n},\n \n\/\/ Call once before every frame where the icon will be used.\nrender: function () {\nconst duration = 1000;\nconst t = (performance.now() % duration) \/ duration;\n \nconst radius = (size \/ 2) * 0.3;\nconst outerRadius = (size \/ 2) * 0.7 * t + radius;\nconst context = this.context;\n \n\/\/ Draw the outer circle.\ncontext.clearRect(0, 0, this.width, this.height);\ncontext.beginPath();\ncontext.arc(\nthis.width \/ 2,\nthis.height \/ 2,\nouterRadius,\n0,\nMath.PI * 2\n);\ncontext.fillStyle = `rgba(255, 200, 200, ${1 - t})`;\ncontext.fill();\n \n\/\/ Draw the inner circle.\ncontext.beginPath();\ncontext.arc(\nthis.width \/ 2,\nthis.height \/ 2,\nradius,\n0,\nMath.PI * 2\n);\ncontext.fillStyle = 'rgba(255, 100, 100, 1)';\ncontext.strokeStyle = 'white';\ncontext.lineWidth = 2 + 4 * (1 - t);\ncontext.fill();\ncontext.stroke();\n \n\/\/ Update this image's data with data from the canvas.\nthis.data = context.getImageData(\n0,\n0,\nthis.width,\nthis.height\n).data;\n \n\/\/ Continuously repaint the map, resulting\n\/\/ in the smooth animation of the dot.\nmap.triggerRepaint();\n \n\/\/ Return `true` to let the map know that the image was updated.\nreturn true;\n}\n};\n \nmap.addImage('pulsing-dot', pulsingDot, { pixelRatio: 2 });\n \nmap.addSource('dot-point1', {\n'type': 'geojson',\n'data': {\n'type': 'FeatureCollection',\n'features': [\n{\n'type': 'Feature',\n'geometry': {\n'type': 'Point',\n'coordinates': [4.824550,50.552100]\n}\n}\n]\n}\n});\nmap.addLayer({\n'id': 'layer-with-pulsing-dot1',\n'type': 'symbol',\n'source': 'dot-point1',\n'layout': {\n'icon-image': 'pulsing-dot'\n}\n});\n\t}\n\t\nfunction scriptChapter2() {\n\n\n\n\t\tmap.addSource('dot-point2', {\n\t\t'type': 'geojson',\n\t\t'data': {\n\t\t'type': 'FeatureCollection',\n\t\t'features': [\n\t\t{\n\t\t'type': 'Feature',\n\t\t'geometry': {\n\t\t'type': 'Point',\n\t\t'coordinates': [4.923300,50.465520]\n\t\t}\n\t\t}\n\t\t]\n\t\t}\n\t\t});\n\t\tmap.addLayer({\n\t\t'id': 'layer-with-pulsing-dot2',\n\t\t'type': 'symbol',\n\t\t'source': 'dot-point2',\n\t\t'layout': {\n\t\t'icon-image': 'pulsing-dot'\n\t\t}\n\t\t});\n}\n\t\n\t\nfunction scriptChapter3() {\n\t\tconst size = 200;\n \n\/\/ This implements `StyleImageInterface`\n\/\/ to draw a pulsing dot icon on the map.\nconst pulsingDot2 = {\nwidth: size,\nheight: size,\ndata: new Uint8Array(size * size * 4),\n \n\/\/ When the layer is added to the map,\n\/\/ get the rendering context for the map canvas.\nonAdd: function () {\nconst canvas = document.createElement('canvas');\ncanvas.width = this.width;\ncanvas.height = this.height;\nthis.context = canvas.getContext('2d');\n},\n \n\/\/ Call once before every frame where the icon will be used.\nrender: function () {\nconst duration = 1000;\nconst t = (performance.now() % duration) \/ duration;\n \nconst radius = (size \/ 2) * 0.3;\nconst outerRadius = (size \/ 2) * 0.7 * t + radius;\nconst context = this.context;\n \n\/\/ Draw the outer circle.\ncontext.clearRect(0, 0, this.width, this.height);\ncontext.beginPath();\ncontext.arc(\nthis.width \/ 2,\nthis.height \/ 2,\nouterRadius,\n0,\nMath.PI * 2\n);\ncontext.fillStyle = `rgba(255, 255, 255, ${1 - t})`;\ncontext.fill();\n \n\/\/ Draw the inner circle.\ncontext.beginPath();\ncontext.arc(\nthis.width \/ 2,\nthis.height \/ 2,\nradius,\n0,\nMath.PI * 2\n);\ncontext.fillStyle = 'rgba(255, 255, 255, 1)';\ncontext.strokeStyle = 'white';\ncontext.lineWidth = 2 + 4 * (1 - t);\ncontext.fill();\ncontext.stroke();\n \n\/\/ Update this image's data with data from the canvas.\nthis.data = context.getImageData(\n0,\n0,\nthis.width,\nthis.height\n).data;\n \n\/\/ Continuously repaint the map, resulting\n\/\/ in the smooth animation of the dot.\nmap.triggerRepaint();\n \n\/\/ Return `true` to let the map know that the image was updated.\nreturn true;\n}\n};\n \nmap.addImage('pulsing-dot2', pulsingDot2, { pixelRatio: 2 });\n\n\n\t\tmap.addSource('dot-point3', {\n\t\t'type': 'geojson',\n\t\t'data': {\n\t\t'type': 'FeatureCollection',\n\t\t'features': [\n\t\t{\n\t\t'type': 'Feature',\n\t\t'geometry': {\n\t\t'type': 'Point',\n\t\t'coordinates': [4.924718,50.494168]\n\t\t}\n\t\t}\n\t\t]\n\t\t}\n\t\t});\n\t\tmap.addLayer({\n\t\t'id': 'layer-with-pulsing-dot3',\n\t\t'type': 'symbol',\n\t\t'source': 'dot-point3',\n\t\t'layout': {\n\t\t'icon-image': 'pulsing-dot2'\n\t\t}\n\t\t});\n}\n\t\nfunction scriptChapter4() {\n\n\t\tmap.addSource('dot-point4', {\n\t\t'type': 'geojson',\n\t\t'data': {\n\t\t'type': 'FeatureCollection',\n\t\t'features': [\n\t\t{\n\t\t'type': 'Feature',\n\t\t'geometry': {\n\t\t'type': 'Point',\n\t\t'coordinates': [4.9025957,50.4638607],\n\t\t}\n\t\t}\n\t\t]\n\t\t}\n\t\t});\n\t\tmap.addLayer({\n\t\t'id': 'layer-with-pulsing-dot4',\n\t\t'type': 'symbol',\n\t\t'source': 'dot-point4',\n\t\t'layout': {\n\t\t'icon-image': 'pulsing-dot'\n\t\t}\n\t\t});\n}\n\nfunction scriptChapter5() {\n\t\tconst size = 200;\n \n\/\/ This implements `StyleImageInterface`\n\/\/ to draw a pulsing dot icon on the map.\nconst pulsingDot3 = {\nwidth: size,\nheight: size,\ndata: new Uint8Array(size * size * 4),\n \n\/\/ When the layer is added to the map,\n\/\/ get the rendering context for the map canvas.\nonAdd: function () {\nconst canvas = document.createElement('canvas');\ncanvas.width = this.width;\ncanvas.height = this.height;\nthis.context = canvas.getContext('2d');\n},\n \n\/\/ Call once before every frame where the icon will be used.\nrender: function () {\nconst duration = 1000;\nconst t = (performance.now() % duration) \/ duration;\n \nconst radius = (size \/ 2) * 0.3;\nconst outerRadius = (size \/ 2) * 0.7 * t + radius;\nconst context = this.context;\n \n\/\/ Draw the outer circle.\ncontext.clearRect(0, 0, this.width, this.height);\ncontext.beginPath();\ncontext.arc(\nthis.width \/ 2,\nthis.height \/ 2,\nouterRadius,\n0,\nMath.PI * 2\n);\ncontext.fillStyle = `rgba(0, 0, 0, ${1 - t})`;\ncontext.fill();\n \n\/\/ Draw the inner circle.\ncontext.beginPath();\ncontext.arc(\nthis.width \/ 2,\nthis.height \/ 2,\nradius,\n0,\nMath.PI * 2\n);\ncontext.fillStyle = 'rgba(33, 33, 33, 1)';\ncontext.strokeStyle = 'white';\ncontext.lineWidth = 2 + 4 * (1 - t);\ncontext.fill();\ncontext.stroke();\n \n\/\/ Update this image's data with data from the canvas.\nthis.data = context.getImageData(\n0,\n0,\nthis.width,\nthis.height\n).data;\n \n\/\/ Continuously repaint the map, resulting\n\/\/ in the smooth animation of the dot.\nmap.triggerRepaint();\n \n\/\/ Return `true` to let the map know that the image was updated.\nreturn true;\n}\n};\n \nmap.addImage('pulsing-dot3', pulsingDot3, { pixelRatio: 2 });\n\n\n\t\tmap.addSource('dot-point5', {\n\t\t'type': 'geojson',\n\t\t'data': {\n\t\t'type': 'FeatureCollection',\n\t\t'features': [\n\t\t{\n\t\t'type': 'Feature',\n\t\t'geometry': {\n\t\t'type': 'Point',\n\t\t'coordinates': [4.884187848225673,50.48183266001721]\n\t\t}\n\t\t}\n\t\t]\n\t\t}\n\t\t});\n\t\tmap.addLayer({\n\t\t'id': 'layer-with-pulsing-dot5',\n\t\t'type': 'symbol',\n\t\t'source': 'dot-point5',\n\t\t'layout': {\n\t\t'icon-image': 'pulsing-dot3'\n\t\t}\n\t\t});\n}\n\t\nfunction scriptChapter6() {\n\t\t\n\n\t\tmap.addSource('dot-point6', {\n\t\t'type': 'geojson',\n\t\t'data': {\n\t\t'type': 'FeatureCollection',\n\t\t'features': [\n\t\t{\n\t\t'type': 'Feature',\n\t\t'geometry': {\n\t\t'type': 'Point',\n\t\t'coordinates': [ 4.899126522000743,50.48202846958485]\n\t\t}\n\t\t}\n\t\t]\n\t\t}\n\t\t});\n\t\tmap.addLayer({\n\t\t'id': 'layer-with-pulsing-dot6',\n\t\t'type': 'symbol',\n\t\t'source': 'dot-point6',\n\t\t'layout': {\n\t\t'icon-image': 'pulsing-dot',\n\t\t'icon-allow-overlap' : true\n\t\t}\n\t\t});\n}\n\t\nfunction scriptChapter7() {\n\t\t\n\n\t\tmap.addSource('dot-point7', {\n\t\t'type': 'geojson',\n\t\t'data': {\n\t\t'type': 'FeatureCollection',\n\t\t'features': [\n\t\t{\n\t\t'type': 'Feature',\n\t\t'geometry': {\n\t\t'type': 'Point',\n\t\t'coordinates': [ 4.9,50.4821]\n\t\t}\n\t\t}\n\t\t]\n\t\t}\n\t\t});\n\t\tmap.addLayer({\n\t\t'id': 'layer-with-pulsing-dot7',\n\t\t'type': 'symbol',\n\t\t'source': 'dot-point7',\n\t\t'layout': {\n\t\t'icon-image': 'pulsing-dot2',\n\t\t'icon-allow-overlap' : true\n\t\t}\n\t\t});\n}\n\t\nfunction scriptChapter8() {\n\t\t\n\n\t\tmap.addSource('dot-point8', {\n\t\t'type': 'geojson',\n\t\t'data': {\n\t\t'type': 'FeatureCollection',\n\t\t'features': [\n\t\t{\n\t\t'type': 'Feature',\n\t\t'geometry': {\n\t\t'type': 'Point',\n\t\t'coordinates': [ 4.901469,50.493114]\n\t\t}\n\t\t}\n\t\t]\n\t\t}\n\t\t});\n\t\tmap.addLayer({\n\t\t'id': 'layer-with-pulsing-dot8',\n\t\t'type': 'symbol',\n\t\t'source': 'dot-point8',\n\t\t'layout': {\n\t\t'icon-image': 'pulsing-dot',\n\t\t'icon-allow-overlap' : true\n\t\t}\n\t\t});\n}\n\t\nfunction scriptChapter9() {\n\t\t\n\n\t\tmap.addSource('dot-point9', {\n\t\t'type': 'geojson',\n\t\t'data': {\n\t\t'type': 'FeatureCollection',\n\t\t'features': [\n\t\t{\n\t\t'type': 'Feature',\n\t\t'geometry': {\n\t\t'type': 'Point',\n\t\t'coordinates': [4.908035,50.494015]\n\t\t}\n\t\t}\n\t\t]\n\t\t}\n\t\t});\n\t\tmap.addLayer({\n\t\t'id': 'layer-with-pulsing-dot9',\n\t\t'type': 'symbol',\n\t\t'source': 'dot-point9',\n\t\t'layout': {\n\t\t'icon-image': 'pulsing-dot2',\n\t\t\t'icon-allow-overlap' : true\n\t\t}\n\t\t});\n}\n\t\nfunction scriptChapter10() {\n\t\t\n\n\t\tmap.addSource('dot-point10', {\n\t\t'type': 'geojson',\n\t\t'data': {\n\t\t'type': 'FeatureCollection',\n\t\t'features': [\n\t\t{\n\t\t'type': 'Feature',\n\t\t'geometry': {\n\t\t'type': 'Point',\n\t\t'coordinates': [4.921542,50.495219]\n\t\t}\n\t\t}\n\t\t]\n\t\t}\n\t\t});\n\t\tmap.addLayer({\n\t\t'id': 'layer-with-pulsing-dot10',\n\t\t'type': 'symbol',\n\t\t'source': 'dot-point10',\n\t\t'layout': {\n\t\t'icon-image': 'pulsing-dot',\n\t\t\t'icon-allow-overlap' : true\n\t\t}\n\t\t});\n}\n\t\nfunction scriptChapter11() {\n\tconst size = 200;\n \n\/\/ This implements `StyleImageInterface`\n\/\/ to draw a pulsing dot icon on the map.\nconst pulsingDot4 = {\nwidth: size,\nheight: size,\ndata: new Uint8Array(size * size * 4),\n \n\/\/ When the layer is added to the map,\n\/\/ get the rendering context for the map canvas.\nonAdd: function () {\nconst canvas = document.createElement('canvas');\ncanvas.width = this.width;\ncanvas.height = this.height;\nthis.context = canvas.getContext('2d');\n},\n \n\/\/ Call once before every frame where the icon will be used.\nrender: function () {\nconst duration = 1000;\nconst t = (performance.now() % duration) \/ duration;\n \nconst radius = (size \/ 2) * 0.3;\nconst outerRadius = (size \/ 2) * 0.7 * t + radius;\nconst context = this.context;\n \n\/\/ Draw the outer circle.\ncontext.clearRect(0, 0, this.width, this.height);\ncontext.beginPath();\ncontext.arc(\nthis.width \/ 2,\nthis.height \/ 2,\nouterRadius,\n0,\nMath.PI * 2\n);\ncontext.fillStyle = `rgba(12, 129, 99, ${1 - t})`;\ncontext.fill();\n \n\/\/ Draw the inner circle.\ncontext.beginPath();\ncontext.arc(\nthis.width \/ 2,\nthis.height \/ 2,\nradius,\n0,\nMath.PI * 2\n);\ncontext.fillStyle = 'rgba(12, 158, 197, 1)';\ncontext.strokeStyle = 'white';\ncontext.lineWidth = 2 + 4 * (1 - t);\ncontext.fill();\ncontext.stroke();\n \n\/\/ Update this image's data with data from the canvas.\nthis.data = context.getImageData(\n0,\n0,\nthis.width,\nthis.height\n).data;\n \n\/\/ Continuously repaint the map, resulting\n\/\/ in the smooth animation of the dot.\nmap.triggerRepaint();\n \n\/\/ Return `true` to let the map know that the image was updated.\nreturn true;\n}\n};\n \nmap.addImage('pulsing-dot4', pulsingDot4, { pixelRatio: 2 });\n\t\t\n\n\t\tmap.addSource('dot-point11', {\n\t\t'type': 'geojson',\n\t\t'data': {\n\t\t'type': 'FeatureCollection',\n\t\t'features': [\n\t\t{\n\t\t'type': 'Feature',\n\t\t'geometry': {\n\t\t'type': 'Point',\n\t\t'coordinates': [4.923,50.4956]\n\t\t}\n\t\t}\n\t\t]\n\t\t}\n\t\t});\n\t\tmap.addLayer({\n\t\t'id': 'layer-with-pulsing-dot11',\n\t\t'type': 'symbol',\n\t\t'source': 'dot-point11',\n\t\t'layout': {\n\t\t'icon-image': 'pulsing-dot4',\n\t\t\t'icon-allow-overlap' : true\n\t\t}\n\t\t});\n}\n\t\nfunction scriptChapter12() {\n\t\t\n\n\t\tmap.addSource('dot-point12', {\n\t\t'type': 'geojson',\n\t\t'data': {\n\t\t'type': 'FeatureCollection',\n\t\t'features': [\n\t\t{\n\t\t'type': 'Feature',\n\t\t'geometry': {\n\t\t'type': 'Point',\n\t\t'coordinates': [4.940811,50.499955]\n\t\t}\n\t\t}\n\t\t]\n\t\t}\n\t\t});\n\t\tmap.addLayer({\n\t\t'id': 'layer-with-pulsing-dot12',\n\t\t'type': 'symbol',\n\t\t'source': 'dot-point12',\n\t\t'layout': {\n\t\t'icon-image': 'pulsing-dot',\n\t\t\t'icon-allow-overlap' : true\n\t\t}\n\t\t});\n\t\n\tmap.addSource('dot-point122', {\n\t\t'type': 'geojson',\n\t\t'data': {\n\t\t'type': 'FeatureCollection',\n\t\t'features': [\n\t\t{\n\t\t'type': 'Feature',\n\t\t'geometry': {\n\t\t'type': 'Point',\n\t\t'coordinates': [4.941,50.5]\n\t\t}\n\t\t}\n\t\t]\n\t\t}\n\t\t});\n\t\tmap.addLayer({\n\t\t'id': 'layer-with-pulsing-dot122',\n\t\t'type': 'symbol',\n\t\t'source': 'dot-point122',\n\t\t'layout': {\n\t\t'icon-image': 'pulsing-dot4',\n\t\t\t'icon-allow-overlap' : true\n\t\t}\n\t\t});\n\t\n}\n\t\nfunction scriptChapter13() {\n\t\t\n\n\t\tmap.addSource('dot-point13', {\n\t\t'type': 'geojson',\n\t\t'data': {\n\t\t'type': 'FeatureCollection',\n\t\t'features': [\n\t\t{\n\t\t'type': 'Feature',\n\t\t'geometry': {\n\t\t'type': 'Point',\n\t\t'coordinates': [4.809980,50.455930]\n\t\t}\n\t\t}\n\t\t]\n\t\t}\n\t\t});\n\t\tmap.addLayer({\n\t\t'id': 'layer-with-pulsing-dot13',\n\t\t'type': 'symbol',\n\t\t'source': 'dot-point13',\n\t\t'layout': {\n\t\t'icon-image': 'pulsing-dot',\n\t\t\t'icon-allow-overlap' : true\n\t\t}\n\t\t});\n\t\n\tmap.addSource('dot-point132', {\n\t\t'type': 'geojson',\n\t\t'data': {\n\t\t'type': 'FeatureCollection',\n\t\t'features': [\n\t\t{\n\t\t'type': 'Feature',\n\t\t'geometry': {\n\t\t'type': 'Point',\n\t\t'coordinates': [4.811,50.4560]\n\t\t}\n\t\t}\n\t\t]\n\t\t}\n\t\t});\n\t\tmap.addLayer({\n\t\t'id': 'layer-with-pulsing-dot132',\n\t\t'type': 'symbol',\n\t\t'source': 'dot-point132',\n\t\t'layout': {\n\t\t'icon-image': 'pulsing-dot4',\n\t\t\t'icon-allow-overlap' : true\n\t\t}\n\t\t});\n\t\n}\n\nfunction scriptChapter14() {\n\t\t\n\n\t\tmap.addSource('dot-point14', {\n\t\t\t'type': 'geojson',\n\t\t\t'data': {\n\t\t\t'type': 'FeatureCollection',\n\t\t\t'features': [\n\t\t\t{\n\t\t\t'type': 'Feature',\n\t\t\t'geometry': {\n\t\t\t'type': 'Point',\n\t\t\t'coordinates': [ 4.813277220863859,50.45296606314433]\n\t\t\t}\n\t\t\t}\n\t\t\t]\n\t\t\t}\n\t\t});\n\t\tmap.addLayer({\n\t\t\t'id': 'layer-with-pulsing-dot14',\n\t\t\t'type': 'symbol',\n\t\t\t'source': 'dot-point14',\n\t\t\t'layout': {\n\t\t\t'icon-image': 'pulsing-dot',\n\t\t\t\t'icon-allow-overlap' : true\n\t\t\t}\n\t\t});\n\tmap.addSource('dot-point142', {\n\t\t\t'type': 'geojson',\n\t\t\t'data': {\n\t\t\t'type': 'FeatureCollection',\n\t\t\t'features': [\n\t\t\t{\n\t\t\t'type': 'Feature',\n\t\t\t'geometry': {\n\t\t\t'type': 'Point',\n\t\t\t'coordinates': [ 4.8136,50.453]\n\t\t\t}\n\t\t\t}\n\t\t\t]\n\t\t\t}\n\t\t});\n\t\tmap.addLayer({\n\t\t\t'id': 'layer-with-pulsing-dot142',\n\t\t\t'type': 'symbol',\n\t\t\t'source': 'dot-point142',\n\t\t\t'layout': {\n\t\t\t'icon-image': 'pulsing-dot4',\n\t\t\t\t'icon-allow-overlap' : true\n\t\t\t}\n\t\t});\n\t\n\t\n}\n\t\n\n\t\n\n\t\t\n\n\/\/ setup resize event\nwindow.addEventListener('resize', scroller.resize);\n<\/script><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-2 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last\" style=\"--awb-bg-size:cover;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-column-wrapper-legacy\"><link rel=\"stylesheet\" href=\"https:\/\/use.typekit.net\/uji0zse.css\">\n<style>\n.chapitre figure {\n\tposition: relative;\n\toverflow: hidden;\n\tmargin: 10px 1%;\n\t\/*max-width: 480px;\n\tmax-height: 360px;*\/\n\tbackground: #dd1f26 !important;\n\ttext-align: left;\n\tcursor: pointer;\n}\n\n.chapitre figure img {\n\tposition: relative;\n\tdisplay: block;\n\tmin-height: 100%;\n\tmax-width: 100%;\n\topacity: 0.8;\n}\n\n.chapitre figure figcaption {\n\tpadding: 2em;\n\tcolor: #fff;\n\ttext-transform: uppercase;\n\tfont-size: 1.25em;\n\t-webkit-backface-visibility: hidden;\n\tbackface-visibility: hidden;\n}\n\n.chapitre figure figcaption::before,\n.chapitre figure figcaption::after {\n\tpointer-events: none;\n}\n\n.chapitre figure figcaption,\n.chapitre figure figcaption > a {\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\twidth: 100%;\n\theight: 100%;\n}\n.chapitre figure figcaption a {\n\tz-index: 1000;\n\twhite-space: nowrap;\n\tdisplay: block;\n}\nfigure.effect-goliath {\n\tbackground: #D60A11;\n}\n\nfigure.effect-goliath img.hover {\nopacity: 0;\nposition: absolute;\ntop: 0;\nleft: 0;\n\n}\nfigure.effect-goliath img,\nfigure.effect-goliath h2 {\n\t-webkit-transition: -webkit-transform 0.35s;\n\ttransition:  opacity 0.35s,transform 0.35s;\n}\n\nfigure.effect-goliath img {\n\t-webkit-backface-visibility: hidden;\n\tbackface-visibility: hidden;\n}\n\nfigure.effect-goliath h2,\nfigure.effect-goliath p {\n\tposition: absolute;\n\tbottom: 0;\n\tleft: 0;\n\tpadding: 10px;\n}\nfigure.effect-goliath h2 {\n\tposition: absolute;\n\tbottom: 0;\n\tleft: 0;\n\tpadding: 30px;\n\tcolor: #FFF;\n\tfont-weight: bold !important;\n\tfont-size: 24px !important;\n\ttext-shadow: 0px 0px 4px rgba(0,0,0,0.9);\n\tmargin: 0;\n\t\/* padding-bottom: 10px; *\/\n}\n\nfigure.effect-goliath p {\n\ttext-transform: none;\n\tfont-size: 85%;\n\topacity: 0;\n\t-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;\n\ttransition: opacity 0.35s, transform 0.35s;\n\t-webkit-transform: translate3d(0,50px,0);\n\ttransform: translate3d(0,50px,0);\n       margin-bottom: 0px;\n}\n\nfigure.effect-goliath:hover img {\n\t-webkit-transform: translate3d(0,-75px,0);\n\ttransform: translate3d(0,-75px,0);\n}\nfigure.effect-goliath:hover img.hover {\n       opacity: 1;\n}\n\nfigure.effect-goliath:hover h2 {\n\t-webkit-transform: translate3d(0,-100px,0);\n\ttransform: translate3d(0,-100px,0);\n}\n\nfigure.effect-goliath:hover p {\n\topacity: 1;\n\t-webkit-transform: translate3d(0,0,0);\n\ttransform: translate3d(0,0,0);\n}\n<\/style><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-2 fusion_builder_column_1_2 1_2 fusion-one-half fusion-column-first\" style=\"--awb-bg-size:cover;width:50%;width:calc(50% - ( ( 4% ) * 0.5 ) );margin-right: 4%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-column-wrapper-legacy\"><div class=\"chapitre\">\n  <a href=\"https:\/\/grand-angle.lavenir.net\/assassinat-de-wivinne-marion-un-soleil-a-jamais-eteint\/meurtre-de-wivinne-marion-que-sest-il-passe-le-jour-du-drame\/\">\n    <figure class=\"effect-goliath\">\n      <img decoding=\"async\" class=\"lazyload alignnone\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271920%27%20height%3D%271396%27%20viewBox%3D%270%200%201920%201396%27%3E%3Crect%20width%3D%271920%27%20height%3D%271396%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/grand-angle.lavenir.net\/assassinat-de-wivinne-marion-un-soleil-a-jamais-eteint\/wp-content\/uploads\/sites\/144\/2021\/09\/Photo-Reconstitution02.jpg\">\n      <figcaption>\n        <h2 data-fontsize=\"24\" data-lineheight=\"36\">Chapitre 1<\/h2>\n        <p>\n          Que s\u2019est-il pass\u00e9 le jour du drame ?\n        <\/p>\n      <\/figcaption>\n    <\/figure>\n  <\/a>\n<\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-3 fusion_builder_column_1_2 1_2 fusion-one-half fusion-column-last\" style=\"--awb-bg-size:cover;width:50%;width:calc(50% - ( ( 4% ) * 0.5 ) );\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-column-wrapper-legacy\"><div class=\"chapitre\">\n  <a href=\"https:\/\/grand-angle.lavenir.net\/assassinat-de-wivinne-marion-un-soleil-a-jamais-eteint\/pediatre-wivinne-marion-comptait-quitter-le-milieu-hospitalier\/\">\n    <figure class=\"effect-goliath\">\n      <img decoding=\"async\" class=\"lazyload alignnone\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271920%27%20height%3D%271396%27%20viewBox%3D%270%200%201920%201396%27%3E%3Crect%20width%3D%271920%27%20height%3D%271396%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/grand-angle.lavenir.net\/assassinat-de-wivinne-marion-un-soleil-a-jamais-eteint\/wp-content\/uploads\/sites\/144\/2021\/09\/Portrait-Wivinne-02.jpg\">\n      <figcaption>\n        <h2 data-fontsize=\"24\" data-lineheight=\"36\">Chapitre 2<\/h2>\n        <p>\n           P\u00e9diatre, Wivinne Marion comptait quitter le milieu hospitalier\n        <\/p>\n      <\/figcaption>\n    <\/figure>\n  <\/a>\n<\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-4 fusion_builder_column_1_2 1_2 fusion-one-half fusion-column-first\" style=\"--awb-bg-size:cover;width:50%;width:calc(50% - ( ( 4% ) * 0.5 ) );margin-right: 4%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-column-wrapper-legacy\"><div class=\"chapitre\">\n  <a href=\"https:\/\/grand-angle.lavenir.net\/assassinat-de-wivinne-marion-un-soleil-a-jamais-eteint\/xavier-van-dam-un-ancien-soldat-considerant-la-femme-comme-une-proie\/\">\n    <figure class=\"effect-goliath\">\n      <img decoding=\"async\" class=\"lazyload alignnone\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271920%27%20height%3D%271396%27%20viewBox%3D%270%200%201920%201396%27%3E%3Crect%20width%3D%271920%27%20height%3D%271396%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/grand-angle.lavenir.net\/assassinat-de-wivinne-marion-un-soleil-a-jamais-eteint\/wp-content\/uploads\/sites\/144\/2021\/09\/Chronologie02.jpg\">\n      <figcaption>\n        <h2 data-fontsize=\"24\" data-lineheight=\"36\">Chapitre 3<\/h2>\n        <p>\n         Xavier Van Dam, un ancien soldat consid\u00e9rant la femme comme une proie ?\n        <\/p>\n      <\/figcaption>\n    <\/figure>\n  <\/a>\n<\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-5 fusion_builder_column_1_2 1_2 fusion-one-half fusion-column-last\" style=\"--awb-bg-size:cover;width:50%;width:calc(50% - ( ( 4% ) * 0.5 ) );\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-column-wrapper-legacy\"><div class=\"chapitre\">\n  <a href=\"https:\/\/grand-angle.lavenir.net\/assassinat-de-wivinne-marion-un-soleil-a-jamais-eteint\/5-faits-marquants-du-proces\/\">\n    <figure class=\"effect-goliath\">\n      <img decoding=\"async\" class=\"lazyload alignnone\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271920%27%20height%3D%271396%27%20viewBox%3D%270%200%201920%201396%27%3E%3Crect%20width%3D%271920%27%20height%3D%271396%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/grand-angle.lavenir.net\/assassinat-de-wivinne-marion-un-soleil-a-jamais-eteint\/wp-content\/uploads\/sites\/144\/2021\/10\/verdict-wvinne-marion-2.jpg\">\n      <figcaption>\n        <h2 data-fontsize=\"24\" data-lineheight=\"36\">Chapitre 4<\/h2>\n        <p>\n         5 faits marquants du proc\u00e8s\n        <\/p>\n      <\/figcaption>\n    <\/figure>\n  <\/a>\n<\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-6 fusion_builder_column_1_2 1_2 fusion-one-half fusion-column-first\" style=\"--awb-bg-size:cover;width:50%;width:calc(50% - ( ( 4% ) * 0.5 ) );margin-right: 4%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-column-wrapper-legacy\"><div class=\"chapitre\">\n  <a href=\"https:\/\/www.lavenir.net\/tag\/homicide-de-wivinne-marion\">\n    <figure class=\"effect-goliath\">\n      <img decoding=\"async\" class=\"lazyload alignnone\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271920%27%20height%3D%271396%27%20viewBox%3D%270%200%201920%201396%27%3E%3Crect%20width%3D%271920%27%20height%3D%271396%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/grand-angle.lavenir.net\/assassinat-de-wivinne-marion-un-soleil-a-jamais-eteint\/wp-content\/uploads\/sites\/144\/2021\/09\/dossier-wivinne-marion.jpg\">\n      <figcaption>\n        <h2 data-fontsize=\"24\" data-lineheight=\"36\">DOSSIER | Tout savoir sur ce proc\u00e8s d'assises<\/h2>\n        <p>\n         \n        <\/p>\n      <\/figcaption>\n    <\/figure>\n  <\/a>\n<\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div>\n<\/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":"100-width.php","meta":{"footnotes":""},"class_list":["post-1019","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Assassinat de Wivinne Marion : que s\u2019est-il pass\u00e9 le jour du drame ?<\/title>\n<meta name=\"description\" content=\"Le dimanche 1er novembre 2018, Wivinne Marion, p\u00e9diatre et maman, est tu\u00e9e alors qu\u2019elle faisait son jogging. Retour sur ces heures o\u00f9 tout a bascul\u00e9.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/grand-angle.lavenir.net\/assassinat-de-wivinne-marion-un-soleil-a-jamais-eteint\/meurtre-de-wivinne-marion-que-sest-il-passe-le-jour-du-drame\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Assassinat de Wivinne Marion : que s\u2019est-il pass\u00e9 le jour du drame ?\" \/>\n<meta property=\"og:description\" content=\"Le dimanche 1er novembre 2018, Wivinne Marion, p\u00e9diatre et maman, est tu\u00e9e alors qu\u2019elle faisait son jogging. Retour sur ces heures o\u00f9 tout a bascul\u00e9.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/grand-angle.lavenir.net\/assassinat-de-wivinne-marion-un-soleil-a-jamais-eteint\/meurtre-de-wivinne-marion-que-sest-il-passe-le-jour-du-drame\/\" \/>\n<meta property=\"og:site_name\" content=\"Assassinat de Wivinne Marion : un soleil \u00e0 jamais \u00e9teint\" \/>\n<meta property=\"article:modified_time\" content=\"2021-10-06T10:10:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/grand-angle.lavenir.net\/assassinat-de-wivinne-marion-un-soleil-a-jamais-eteint\/wp-content\/uploads\/sites\/144\/2021\/09\/Photo-Reconstitution02.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1396\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Assassinat de Wivinne Marion : que s\u2019est-il pass\u00e9 le jour du drame ?\" \/>\n<meta name=\"twitter:description\" content=\"Le dimanche 1er novembre 2018, Wivinne Marion, p\u00e9diatre et maman, est tu\u00e9e alors qu\u2019elle faisait son jogging. Retour sur ces heures o\u00f9 tout a bascul\u00e9.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/grand-angle.lavenir.net\/assassinat-de-wivinne-marion-un-soleil-a-jamais-eteint\/wp-content\/uploads\/sites\/144\/2021\/09\/Photo-Reconstitution02.jpg\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture est.\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/grand-angle.lavenir.net\/assassinat-de-wivinne-marion-un-soleil-a-jamais-eteint\/meurtre-de-wivinne-marion-que-sest-il-passe-le-jour-du-drame\/\",\"url\":\"https:\/\/grand-angle.lavenir.net\/assassinat-de-wivinne-marion-un-soleil-a-jamais-eteint\/meurtre-de-wivinne-marion-que-sest-il-passe-le-jour-du-drame\/\",\"name\":\"Assassinat de Wivinne Marion : que s\u2019est-il pass\u00e9 le jour du drame ?\",\"isPartOf\":{\"@id\":\"https:\/\/grand-angle.lavenir.net\/assassinat-de-wivinne-marion-un-soleil-a-jamais-eteint\/#website\"},\"datePublished\":\"2021-09-24T23:00:48+00:00\",\"dateModified\":\"2021-10-06T10:10:45+00:00\",\"description\":\"Le dimanche 1er novembre 2018, Wivinne Marion, p\u00e9diatre et maman, est tu\u00e9e alors qu\u2019elle faisait son jogging. Retour sur ces heures o\u00f9 tout a bascul\u00e9.\",\"breadcrumb\":{\"@id\":\"https:\/\/grand-angle.lavenir.net\/assassinat-de-wivinne-marion-un-soleil-a-jamais-eteint\/meurtre-de-wivinne-marion-que-sest-il-passe-le-jour-du-drame\/#breadcrumb\"},\"inLanguage\":\"fr-BE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/grand-angle.lavenir.net\/assassinat-de-wivinne-marion-un-soleil-a-jamais-eteint\/meurtre-de-wivinne-marion-que-sest-il-passe-le-jour-du-drame\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/grand-angle.lavenir.net\/assassinat-de-wivinne-marion-un-soleil-a-jamais-eteint\/meurtre-de-wivinne-marion-que-sest-il-passe-le-jour-du-drame\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/grand-angle.lavenir.net\/assassinat-de-wivinne-marion-un-soleil-a-jamais-eteint\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Assassinat de Wivinne Marion : que s\u2019est-il pass\u00e9 le jour du drame ?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/grand-angle.lavenir.net\/assassinat-de-wivinne-marion-un-soleil-a-jamais-eteint\/#website\",\"url\":\"https:\/\/grand-angle.lavenir.net\/assassinat-de-wivinne-marion-un-soleil-a-jamais-eteint\/\",\"name\":\"Assassinat de Wivinne Marion : un soleil \u00e0 jamais \u00e9teint\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/grand-angle.lavenir.net\/assassinat-de-wivinne-marion-un-soleil-a-jamais-eteint\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-BE\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Assassinat de Wivinne Marion : que s\u2019est-il pass\u00e9 le jour du drame ?","description":"Le dimanche 1er novembre 2018, Wivinne Marion, p\u00e9diatre et maman, est tu\u00e9e alors qu\u2019elle faisait son jogging. Retour sur ces heures o\u00f9 tout a bascul\u00e9.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/grand-angle.lavenir.net\/assassinat-de-wivinne-marion-un-soleil-a-jamais-eteint\/meurtre-de-wivinne-marion-que-sest-il-passe-le-jour-du-drame\/","og_locale":"fr_FR","og_type":"article","og_title":"Assassinat de Wivinne Marion : que s\u2019est-il pass\u00e9 le jour du drame ?","og_description":"Le dimanche 1er novembre 2018, Wivinne Marion, p\u00e9diatre et maman, est tu\u00e9e alors qu\u2019elle faisait son jogging. Retour sur ces heures o\u00f9 tout a bascul\u00e9.","og_url":"https:\/\/grand-angle.lavenir.net\/assassinat-de-wivinne-marion-un-soleil-a-jamais-eteint\/meurtre-de-wivinne-marion-que-sest-il-passe-le-jour-du-drame\/","og_site_name":"Assassinat de Wivinne Marion : un soleil \u00e0 jamais \u00e9teint","article_modified_time":"2021-10-06T10:10:45+00:00","og_image":[{"width":1920,"height":1396,"url":"https:\/\/grand-angle.lavenir.net\/assassinat-de-wivinne-marion-un-soleil-a-jamais-eteint\/wp-content\/uploads\/sites\/144\/2021\/09\/Photo-Reconstitution02.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_title":"Assassinat de Wivinne Marion : que s\u2019est-il pass\u00e9 le jour du drame ?","twitter_description":"Le dimanche 1er novembre 2018, Wivinne Marion, p\u00e9diatre et maman, est tu\u00e9e alors qu\u2019elle faisait son jogging. Retour sur ces heures o\u00f9 tout a bascul\u00e9.","twitter_image":"https:\/\/grand-angle.lavenir.net\/assassinat-de-wivinne-marion-un-soleil-a-jamais-eteint\/wp-content\/uploads\/sites\/144\/2021\/09\/Photo-Reconstitution02.jpg","twitter_misc":{"Dur\u00e9e de lecture est.":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/grand-angle.lavenir.net\/assassinat-de-wivinne-marion-un-soleil-a-jamais-eteint\/meurtre-de-wivinne-marion-que-sest-il-passe-le-jour-du-drame\/","url":"https:\/\/grand-angle.lavenir.net\/assassinat-de-wivinne-marion-un-soleil-a-jamais-eteint\/meurtre-de-wivinne-marion-que-sest-il-passe-le-jour-du-drame\/","name":"Assassinat de Wivinne Marion : que s\u2019est-il pass\u00e9 le jour du drame ?","isPartOf":{"@id":"https:\/\/grand-angle.lavenir.net\/assassinat-de-wivinne-marion-un-soleil-a-jamais-eteint\/#website"},"datePublished":"2021-09-24T23:00:48+00:00","dateModified":"2021-10-06T10:10:45+00:00","description":"Le dimanche 1er novembre 2018, Wivinne Marion, p\u00e9diatre et maman, est tu\u00e9e alors qu\u2019elle faisait son jogging. Retour sur ces heures o\u00f9 tout a bascul\u00e9.","breadcrumb":{"@id":"https:\/\/grand-angle.lavenir.net\/assassinat-de-wivinne-marion-un-soleil-a-jamais-eteint\/meurtre-de-wivinne-marion-que-sest-il-passe-le-jour-du-drame\/#breadcrumb"},"inLanguage":"fr-BE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/grand-angle.lavenir.net\/assassinat-de-wivinne-marion-un-soleil-a-jamais-eteint\/meurtre-de-wivinne-marion-que-sest-il-passe-le-jour-du-drame\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/grand-angle.lavenir.net\/assassinat-de-wivinne-marion-un-soleil-a-jamais-eteint\/meurtre-de-wivinne-marion-que-sest-il-passe-le-jour-du-drame\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/grand-angle.lavenir.net\/assassinat-de-wivinne-marion-un-soleil-a-jamais-eteint\/"},{"@type":"ListItem","position":2,"name":"Assassinat de Wivinne Marion : que s\u2019est-il pass\u00e9 le jour du drame ?"}]},{"@type":"WebSite","@id":"https:\/\/grand-angle.lavenir.net\/assassinat-de-wivinne-marion-un-soleil-a-jamais-eteint\/#website","url":"https:\/\/grand-angle.lavenir.net\/assassinat-de-wivinne-marion-un-soleil-a-jamais-eteint\/","name":"Assassinat de Wivinne Marion : un soleil \u00e0 jamais \u00e9teint","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/grand-angle.lavenir.net\/assassinat-de-wivinne-marion-un-soleil-a-jamais-eteint\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-BE"}]}},"_links":{"self":[{"href":"https:\/\/grand-angle.lavenir.net\/assassinat-de-wivinne-marion-un-soleil-a-jamais-eteint\/wp-json\/wp\/v2\/pages\/1019","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/grand-angle.lavenir.net\/assassinat-de-wivinne-marion-un-soleil-a-jamais-eteint\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/grand-angle.lavenir.net\/assassinat-de-wivinne-marion-un-soleil-a-jamais-eteint\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/grand-angle.lavenir.net\/assassinat-de-wivinne-marion-un-soleil-a-jamais-eteint\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/grand-angle.lavenir.net\/assassinat-de-wivinne-marion-un-soleil-a-jamais-eteint\/wp-json\/wp\/v2\/comments?post=1019"}],"version-history":[{"count":0,"href":"https:\/\/grand-angle.lavenir.net\/assassinat-de-wivinne-marion-un-soleil-a-jamais-eteint\/wp-json\/wp\/v2\/pages\/1019\/revisions"}],"wp:attachment":[{"href":"https:\/\/grand-angle.lavenir.net\/assassinat-de-wivinne-marion-un-soleil-a-jamais-eteint\/wp-json\/wp\/v2\/media?parent=1019"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}