{"id":705,"date":"2020-10-23T10:21:42","date_gmt":"2020-10-23T10:21:42","guid":{"rendered":"https:\/\/onp.nougat.work\/home\/"},"modified":"2021-01-12T14:24:49","modified_gmt":"2021-01-12T14:24:49","slug":"home","status":"publish","type":"page","link":"https:\/\/onp.nougat.work\/fr\/","title":{"rendered":"Home"},"content":{"rendered":"<p><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container fusion-parallax-none fullPageHeaderFixed nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"background-color: rgba(255,255,255,0);background-image: url(&quot;https:\/\/onp.nougat.work\/wp-content\/uploads\/2020\/10\/backImageHome.png&quot;);background-image:linear-gradient(180deg, #8d6f55 0%,#7d6149 100%),url(https:\/\/onp.nougat.work\/wp-content\/uploads\/2020\/10\/backImageHome.png);background-position: center center;background-repeat: no-repeat;background-blend-mode: overlay;border-width: 0px 0px 0px 0px;border-color:#e2e2e2;border-style:solid;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start\" style=\"max-width:1248px;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_6 1_6 fusion-flex-column\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><\/div><style type=\"text\/css\">.fusion-body .fusion-builder-column-0{width:16.666666666667% !important;margin-top : 0px;margin-bottom : 20px;}.fusion-builder-column-0 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 11.52%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 11.52%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-0{width:16.666666666667% !important;order : 0;}.fusion-builder-column-0 > .fusion-column-wrapper {margin-right : 11.52%;margin-left : 11.52%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-0{width:100% !important;order : 0;}.fusion-builder-column-0 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}<\/style><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion_builder_column_2_3 2_3 fusion-flex-column\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><div class=\"fullPageHeaderFixed\">  \r\n<div id=\"canvas\">\r\n<\/div>\r\n<\/div>\r\n<script id=\"vertexShader\" type=\"x-shader\/x-vertex\">\r\n  \/\/\r\n  \/\/ GLSL textureless classic 3D noise \"cnoise\",\r\n  \/\/ with an RSL-style periodic variant \"pnoise\".\r\n  \/\/ Author:  Stefan Gustavson (stefan.gustavson@liu.se)\r\n  \/\/ Version: 2011-10-11\r\n  \/\/\r\n  \/\/ Many thanks to Ian McEwan of Ashima Arts for the\r\n  \/\/ ideas for permutation and gradient selection.\r\n  \/\/\r\n  \/\/ Copyright (c) 2011 Stefan Gustavson. All rights reserved.\r\n  \/\/ Distributed under the MIT license. See LICENSE file.\r\n  \/\/ https:\/\/github.com\/ashima\/webgl-noise\r\n  \/\/\r\n  \r\n  vec3 mod289(vec3 x)\r\n  {\r\n    return x - floor(x * (1.0 \/ 289.0)) * 289.0;\r\n  }\r\n  \r\n  vec4 mod289(vec4 x)\r\n  {\r\n    return x - floor(x * (1.0 \/ 289.0)) * 289.0;\r\n  }\r\n  \r\n  vec4 permute(vec4 x)\r\n  {\r\n    return mod289(((x*34.0)+1.0)*x);\r\n  }\r\n  \r\n  vec4 taylorInvSqrt(vec4 r)\r\n  {\r\n    return 1.79284291400159 - 0.85373472095314 * r;\r\n  }\r\n  \r\n  vec3 fade(vec3 t) {\r\n    return t*t*t*(t*(t*6.0-15.0)+10.0);\r\n  }\r\n  \r\n  \/\/ Classic Perlin noise\r\n  float cnoise(vec3 P)\r\n  {\r\n    vec3 Pi0 = floor(P); \/\/ Integer part for indexing\r\n    vec3 Pi1 = Pi0 + vec3(1.0); \/\/ Integer part + 1\r\n    Pi0 = mod289(Pi0);\r\n    Pi1 = mod289(Pi1);\r\n    vec3 Pf0 = fract(P); \/\/ Fractional part for interpolation\r\n    vec3 Pf1 = Pf0 - vec3(1.0); \/\/ Fractional part - 1.0\r\n    vec4 ix = vec4(Pi0.x, Pi1.x, Pi0.x, Pi1.x);\r\n    vec4 iy = vec4(Pi0.yy, Pi1.yy);\r\n    vec4 iz0 = Pi0.zzzz;\r\n    vec4 iz1 = Pi1.zzzz;\r\n  \r\n    vec4 ixy = permute(permute(ix) + iy);\r\n    vec4 ixy0 = permute(ixy + iz0);\r\n    vec4 ixy1 = permute(ixy + iz1);\r\n  \r\n    vec4 gx0 = ixy0 * (1.0 \/ 7.0);\r\n    vec4 gy0 = fract(floor(gx0) * (1.0 \/ 7.0)) - 0.5;\r\n    gx0 = fract(gx0);\r\n    vec4 gz0 = vec4(0.5) - abs(gx0) - abs(gy0);\r\n    vec4 sz0 = step(gz0, vec4(0.0));\r\n    gx0 -= sz0 * (step(0.0, gx0) - 0.5);\r\n    gy0 -= sz0 * (step(0.0, gy0) - 0.5);\r\n  \r\n    vec4 gx1 = ixy1 * (1.0 \/ 7.0);\r\n    vec4 gy1 = fract(floor(gx1) * (1.0 \/ 7.0)) - 0.5;\r\n    gx1 = fract(gx1);\r\n    vec4 gz1 = vec4(0.5) - abs(gx1) - abs(gy1);\r\n    vec4 sz1 = step(gz1, vec4(0.0));\r\n    gx1 -= sz1 * (step(0.0, gx1) - 0.5);\r\n    gy1 -= sz1 * (step(0.0, gy1) - 0.5);\r\n  \r\n    vec3 g000 = vec3(gx0.x,gy0.x,gz0.x);\r\n    vec3 g100 = vec3(gx0.y,gy0.y,gz0.y);\r\n    vec3 g010 = vec3(gx0.z,gy0.z,gz0.z);\r\n    vec3 g110 = vec3(gx0.w,gy0.w,gz0.w);\r\n    vec3 g001 = vec3(gx1.x,gy1.x,gz1.x);\r\n    vec3 g101 = vec3(gx1.y,gy1.y,gz1.y);\r\n    vec3 g011 = vec3(gx1.z,gy1.z,gz1.z);\r\n    vec3 g111 = vec3(gx1.w,gy1.w,gz1.w);\r\n  \r\n    vec4 norm0 = taylorInvSqrt(vec4(dot(g000, g000), dot(g010, g010), dot(g100, g100), dot(g110, g110)));\r\n    g000 *= norm0.x;\r\n    g010 *= norm0.y;\r\n    g100 *= norm0.z;\r\n    g110 *= norm0.w;\r\n    vec4 norm1 = taylorInvSqrt(vec4(dot(g001, g001), dot(g011, g011), dot(g101, g101), dot(g111, g111)));\r\n    g001 *= norm1.x;\r\n    g011 *= norm1.y;\r\n    g101 *= norm1.z;\r\n    g111 *= norm1.w;\r\n  \r\n    float n000 = dot(g000, Pf0);\r\n    float n100 = dot(g100, vec3(Pf1.x, Pf0.yz));\r\n    float n010 = dot(g010, vec3(Pf0.x, Pf1.y, Pf0.z));\r\n    float n110 = dot(g110, vec3(Pf1.xy, Pf0.z));\r\n    float n001 = dot(g001, vec3(Pf0.xy, Pf1.z));\r\n    float n101 = dot(g101, vec3(Pf1.x, Pf0.y, Pf1.z));\r\n    float n011 = dot(g011, vec3(Pf0.x, Pf1.yz));\r\n    float n111 = dot(g111, Pf1);\r\n  \r\n    vec3 fade_xyz = fade(Pf0);\r\n    vec4 n_z = mix(vec4(n000, n100, n010, n110), vec4(n001, n101, n011, n111), fade_xyz.z);\r\n    vec2 n_yz = mix(n_z.xy, n_z.zw, fade_xyz.y);\r\n    float n_xyz = mix(n_yz.x, n_yz.y, fade_xyz.x);\r\n    return 2.2 * n_xyz;\r\n  }\r\n  \r\n  \/\/ Classic Perlin noise, periodic variant\r\n  float pnoise(vec3 P, vec3 rep)\r\n  {\r\n    vec3 Pi0 = mod(floor(P), rep); \/\/ Integer part, modulo period\r\n    vec3 Pi1 = mod(Pi0 + vec3(1.0), rep); \/\/ Integer part + 1, mod period\r\n    Pi0 = mod289(Pi0);\r\n    Pi1 = mod289(Pi1);\r\n    vec3 Pf0 = fract(P); \/\/ Fractional part for interpolation\r\n    vec3 Pf1 = Pf0 - vec3(1.0); \/\/ Fractional part - 1.0\r\n    vec4 ix = vec4(Pi0.x, Pi1.x, Pi0.x, Pi1.x);\r\n    vec4 iy = vec4(Pi0.yy, Pi1.yy);\r\n    vec4 iz0 = Pi0.zzzz;\r\n    vec4 iz1 = Pi1.zzzz;\r\n  \r\n    vec4 ixy = permute(permute(ix) + iy);\r\n    vec4 ixy0 = permute(ixy + iz0);\r\n    vec4 ixy1 = permute(ixy + iz1);\r\n  \r\n    vec4 gx0 = ixy0 * (1.0 \/ 7.0);\r\n    vec4 gy0 = fract(floor(gx0) * (1.0 \/ 7.0)) - 0.5;\r\n    gx0 = fract(gx0);\r\n    vec4 gz0 = vec4(0.5) - abs(gx0) - abs(gy0);\r\n    vec4 sz0 = step(gz0, vec4(0.0));\r\n    gx0 -= sz0 * (step(0.0, gx0) - 0.5);\r\n    gy0 -= sz0 * (step(0.0, gy0) - 0.5);\r\n  \r\n    vec4 gx1 = ixy1 * (1.0 \/ 7.0);\r\n    vec4 gy1 = fract(floor(gx1) * (1.0 \/ 7.0)) - 0.5;\r\n    gx1 = fract(gx1);\r\n    vec4 gz1 = vec4(0.5) - abs(gx1) - abs(gy1);\r\n    vec4 sz1 = step(gz1, vec4(0.0));\r\n    gx1 -= sz1 * (step(0.0, gx1) - 0.5);\r\n    gy1 -= sz1 * (step(0.0, gy1) - 0.5);\r\n  \r\n    vec3 g000 = vec3(gx0.x,gy0.x,gz0.x);\r\n    vec3 g100 = vec3(gx0.y,gy0.y,gz0.y);\r\n    vec3 g010 = vec3(gx0.z,gy0.z,gz0.z);\r\n    vec3 g110 = vec3(gx0.w,gy0.w,gz0.w);\r\n    vec3 g001 = vec3(gx1.x,gy1.x,gz1.x);\r\n    vec3 g101 = vec3(gx1.y,gy1.y,gz1.y);\r\n    vec3 g011 = vec3(gx1.z,gy1.z,gz1.z);\r\n    vec3 g111 = vec3(gx1.w,gy1.w,gz1.w);\r\n  \r\n    vec4 norm0 = taylorInvSqrt(vec4(dot(g000, g000), dot(g010, g010), dot(g100, g100), dot(g110, g110)));\r\n    g000 *= norm0.x;\r\n    g010 *= norm0.y;\r\n    g100 *= norm0.z;\r\n    g110 *= norm0.w;\r\n    vec4 norm1 = taylorInvSqrt(vec4(dot(g001, g001), dot(g011, g011), dot(g101, g101), dot(g111, g111)));\r\n    g001 *= norm1.x;\r\n    g011 *= norm1.y;\r\n    g101 *= norm1.z;\r\n    g111 *= norm1.w;\r\n  \r\n    float n000 = dot(g000, Pf0);\r\n    float n100 = dot(g100, vec3(Pf1.x, Pf0.yz));\r\n    float n010 = dot(g010, vec3(Pf0.x, Pf1.y, Pf0.z));\r\n    float n110 = dot(g110, vec3(Pf1.xy, Pf0.z));\r\n    float n001 = dot(g001, vec3(Pf0.xy, Pf1.z));\r\n    float n101 = dot(g101, vec3(Pf1.x, Pf0.y, Pf1.z));\r\n    float n011 = dot(g011, vec3(Pf0.x, Pf1.yz));\r\n    float n111 = dot(g111, Pf1);\r\n  \r\n    vec3 fade_xyz = fade(Pf0);\r\n    vec4 n_z = mix(vec4(n000, n100, n010, n110), vec4(n001, n101, n011, n111), fade_xyz.z);\r\n    vec2 n_yz = mix(n_z.xy, n_z.zw, fade_xyz.y);\r\n    float n_xyz = mix(n_yz.x, n_yz.y, fade_xyz.x);\r\n    return 1.5 * n_xyz;\r\n  }\r\n  \r\n  \/\/ Turbulence By Jaume Sanchez => https:\/\/codepen.io\/spite\/\r\n  \r\n  varying vec2 vUv;\r\n  varying float noise;\r\n  varying float qnoise;\r\n  varying float displacement;\r\n  \r\n  uniform float time;\r\n  uniform float pointscale;\r\n  uniform float decay;\r\n  uniform float complex;\r\n  uniform float waves;\r\n  uniform float eqcolor;\r\n  uniform bool fragment;\r\n  \r\n  float turbulence( vec3 p) {\r\n    float t = - 0.1;\r\n    for (float f = 1.0 ; f <= 3.0 ; f++ ){\r\n      float power = pow( 2.0, f );\r\n      t += abs( pnoise( vec3( power * p ), vec3( 10.0, 10.0, 10.0 ) ) \/ power );\r\n    }\r\n    return t;\r\n  }\r\n  \r\n  void main() {\r\n  \r\n    vUv = uv;\r\n  \r\n    noise = (1.0 *  - waves) * turbulence( decay * abs(normal + time));\r\n    qnoise = (2.0 *  - eqcolor) * turbulence( decay * abs(normal + time));\r\n    float b = pnoise( complex * (position) + vec3( 1.0 * time ), vec3( 100.0 ) );\r\n    \r\n    if (fragment == true) {\r\n      displacement = - sin(noise) + normalize(b * 0.5);\r\n    } else {\r\n      displacement = - sin(noise) + cos(b * 0.5);\r\n    }\r\n  \r\n    vec3 newPosition = (position) + (normal * displacement);\r\n    gl_Position = (projectionMatrix * modelViewMatrix) * vec4( newPosition, 1.0 );\r\n    gl_PointSize = (pointscale);\r\n    \/\/gl_ClipDistance[0];\r\n  \r\n  }\r\n  \r\n  \r\n<\/script>\r\n<script id=\"fragmentShader\" type=\"x-shader\/x-vertex\">\r\n  varying float qnoise;\r\n  \r\n  uniform float time;\r\n  uniform bool redhell;\r\n  \r\n  void main() {\r\n    float r, g, b;\r\n  \r\n    \r\n    if (!redhell == true) {\r\n      r = cos(qnoise + 0.5);\r\n      g = cos(qnoise - 0.5);\r\n      b = 0.0;\r\n    } else {\r\n      r = cos(qnoise + 0.5);\r\n      g = cos(qnoise - 0.5);\r\n      b = abs(qnoise);\r\n    }\r\n    gl_FragColor = vec4(r, g, b, 1.0);\r\n  }\r\n<\/script>\r\n<script>\r\n    \/\/ Three JS\r\n\r\nwindow.addEventListener(\"load\", init, false);\r\n\r\nfunction init() {\r\n  createWorld();\r\n  createPrimitive();\r\n  \/\/---\r\n  animation();\r\n}\r\n\r\nvar Theme = { _darkred: 0x000000 };\r\n\r\n\/\/--------------------------------------------------------------------\r\n\r\nvar scene, camera, renderer, container;\r\nvar start = Date.now();\r\nvar _width, _height;\r\nfunction createWorld() {\r\n  \/\/---\r\n  scene = new THREE.Scene();\r\n  \/\/scene.fog = new THREE.Fog(Theme._darkred, 8, 20);\r\n    renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true });\r\n  renderer.setClearColor( 0x000000, 0 );\r\n  \r\n  container = document.getElementById('canvas');\r\n  _width = window.innerWidth;\r\n  _height = window.innerHeight;\r\n\r\n  renderer.setSize(_width, _height);\r\n  \r\n  container.appendChild(renderer.domElement);\r\n\r\n\r\n\/\/---\r\n  camera = new THREE.PerspectiveCamera(55, _width \/ _height, 1, 1000);\r\n  camera.position.z = 3;\r\n  \/\/---\r\n  \/\/---\r\n  window.addEventListener(\"resize\", onWindowResize, false);\r\n}\r\n\r\nfunction onWindowResize() {\r\n  _width = window.innerWidth;\r\n  _height = window.innerHeight;\r\n  renderer.setSize(_width, _height);\r\n  camera.aspect = _width \/ _height;\r\n  camera.updateProjectionMatrix();\r\n  console.log(\"- resize -\");\r\n}\r\n\r\n\/\/--------------------------------------------------------------------\r\n\r\nvar mat;\r\nvar primitiveElement = function () {\r\n  this.mesh = new THREE.Object3D();\r\n  mat = new THREE.ShaderMaterial({\r\n    wireframe: false,\r\n    \/\/fog: true,\r\n    uniforms: {\r\n      time: {\r\n        type: \"f\",\r\n        value: 0.0\r\n      },\r\n      pointscale: {\r\n        type: \"f\",\r\n        value: 0.0\r\n      },\r\n      decay: {\r\n        type: \"f\",\r\n        value: 0.0\r\n      },\r\n      complex: {\r\n        type: \"f\",\r\n        value: 0.0\r\n      },\r\n      waves: {\r\n        type: \"f\",\r\n        value: 0.0\r\n      },\r\n      eqcolor: {\r\n        type: \"f\",\r\n        value: 0.0\r\n      },\r\n      fragment: {\r\n        type: \"i\",\r\n        value: true\r\n      },\r\n      redhell: {\r\n        type: \"i\",\r\n        value: true\r\n      }\r\n    },\r\n    vertexShader: document.getElementById(\"vertexShader\").textContent,\r\n    fragmentShader: document.getElementById(\"fragmentShader\").textContent\r\n  });\r\n  var geo = new THREE.IcosahedronBufferGeometry(3, 7);\r\n  var mesh = new THREE.Points(geo, mat);\r\n\r\n  \/\/---\r\n  this.mesh.add(mesh);\r\n};\r\n\r\nvar _primitive;\r\nfunction createPrimitive() {\r\n  _primitive = new primitiveElement();\r\n  scene.add(_primitive.mesh);\r\n}\r\n\r\n\/\/--------------------------------------------------------------------\r\n\r\nvar options = {\r\n  perlin: {\r\n    vel: 0.0004,\r\n    speed: 0.00007,\r\n    perlins: 1.0,\r\n    decay: 0.04,\r\n    complex: 0.16,\r\n    waves: 16.0,\r\n    eqcolor: 3.0,\r\n    fragment: true,\r\n    redhell: true\r\n  },\r\n  spin: {\r\n    sinVel: 0.0,\r\n    ampVel: 27.0\r\n  }\r\n};\r\n\r\n\r\n\r\n\/\/--------------------------------------------------------------------\r\n\r\nfunction animation() {\r\n  requestAnimationFrame(animation);\r\n  var performance = Date.now() * 0.003;\r\n\r\n  _primitive.mesh.rotation.y += options.perlin.vel;\r\n  _primitive.mesh.rotation.x =\r\n    (Math.sin(performance * options.spin.sinVel) *\r\n      options.spin.ampVel *\r\n      Math.PI) \/\r\n    180;\r\n  \/\/---\r\n  mat.uniforms[\"time\"].value = options.perlin.speed * (Date.now() - start);\r\n  mat.uniforms[\"pointscale\"].value = options.perlin.perlins;\r\n  mat.uniforms[\"decay\"].value = options.perlin.decay;\r\n  mat.uniforms[\"complex\"].value = options.perlin.complex;\r\n  mat.uniforms[\"waves\"].value = options.perlin.waves;\r\n  mat.uniforms[\"eqcolor\"].value = options.perlin.eqcolor;\r\n  mat.uniforms[\"fragment\"].value = options.perlin.fragment;\r\n  mat.uniforms[\"redhell\"].value = options.perlin.redhell;\r\n  \/\/---\r\n  camera.lookAt(scene.position);\r\n  renderer.render(scene, camera);\r\n}\r\n\r\n<\/script>\r\n<\/div><style type=\"text\/css\">.fusion-body .fusion-builder-column-1{width:66.666666666667% !important;margin-top : 0px;margin-bottom : 20px;}.fusion-builder-column-1 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 2.88%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 2.88%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-1{width:66.666666666667% !important;order : 0;}.fusion-builder-column-1 > .fusion-column-wrapper {margin-right : 2.88%;margin-left : 2.88%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-1{width:100% !important;order : 0;}.fusion-builder-column-1 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}<\/style><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-2 fusion_builder_column_1_6 1_6 fusion-flex-column\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><\/div><style type=\"text\/css\">.fusion-body .fusion-builder-column-2{width:16.666666666667% !important;margin-top : 0px;margin-bottom : 20px;}.fusion-builder-column-2 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 11.52%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 11.52%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-2{width:16.666666666667% !important;order : 0;}.fusion-builder-column-2 > .fusion-column-wrapper {margin-right : 11.52%;margin-left : 11.52%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-2{width:100% !important;order : 0;}.fusion-builder-column-2 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}<\/style><\/div><\/div><style type=\"text\/css\">.fusion-body .fusion-flex-container.fusion-builder-row-1{ padding-top : 0px;margin-top : 0px;padding-right : 0px;padding-bottom : 0px;margin-bottom : 0px;padding-left : 0px;}<\/style><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-2 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling fusion-no-small-visibility fusion-no-medium-visibility\" style=\"background-color: rgba(255,255,255,0);background-position: center center;background-repeat: no-repeat;border-width: 0px 0px 0px 0px;border-color:#e2e2e2;border-style:solid;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-3 fusion_builder_column_1_6 1_6 fusion-flex-column\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><\/div><style type=\"text\/css\">.fusion-body .fusion-builder-column-3{width:16.666666666667% !important;margin-top : 0px;margin-bottom : 20px;}.fusion-builder-column-3 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 11.52%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 11.52%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-3{width:16.666666666667% !important;order : 0;}.fusion-builder-column-3 > .fusion-column-wrapper {margin-right : 11.52%;margin-left : 11.52%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-3{width:100% !important;order : 0;}.fusion-builder-column-3 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}<\/style><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-4 fusion_builder_column_2_3 2_3 fusion-flex-column\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><div style=\"line-height:80%;\"><h3 style=\"color:#D8A159;\"><span class=\"fas fa-circle\" style=\"color:#D8A159;padding:4px;\"><\/span><span style=\"color: #331d1b;\">Le prix Otto Naegeli, qui est d\u00e9cern\u00e9 depuis 1960 pour des r\u00e9ussites scientifiques exceptionnelles, est l'un des prix les plus prestigieux pour la recherche m\u00e9dicale d\u00e9cern\u00e9 en Suisse.<\/span>\r\n<\/h3><\/div>\r\n\r\n<div ><style type=\"text\/css\">.fusion-button.button-1 .fusion-button-text, .fusion-button.button-1 i {color:#d8a159;}.fusion-button.button-1 .fusion-button-icon-divider{border-color:#d8a159;}.fusion-button.button-1:hover .fusion-button-text, .fusion-button.button-1:hover i,.fusion-button.button-1:focus .fusion-button-text, .fusion-button.button-1:focus i,.fusion-button.button-1:active .fusion-button-text, .fusion-button.button-1:active{color:#331d1b;}.fusion-button.button-1:hover .fusion-button-icon-divider, .fusion-button.button-1:hover .fusion-button-icon-divider, .fusion-button.button-1:active .fusion-button-icon-divider{border-color:#331d1b;}.fusion-button.button-1:hover, .fusion-button.button-1:focus, .fusion-button.button-1:active{border-color:#ffffff;border-width:0px;}.fusion-button.button-1 {border-color:#331d1b;border-width:0px;border-radius:30px;}.fusion-button.button-1{background: #331d1b;}.fusion-button.button-1:hover,.button-1:focus,.fusion-button.button-1:active{background: #d8a159;}<\/style><a class=\"fusion-button button-flat button-large button-custom button-1 fusion-button-span-no fusion-button-default-type\" target=\"_self\" href=\"https:\/\/onp.nougat.work\/fr\/the-award\/\" style=\"margin-top:0px;margin-bottom:0px;\"><span class=\"fusion-button-text\">Plus<\/span><\/a><\/div><\/div><style type=\"text\/css\">.fusion-body .fusion-builder-column-4{width:66.666666666667% !important;margin-top : 0px;margin-bottom : 20px;}.fusion-builder-column-4 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 2.88%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 2.88%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-4{width:66.666666666667% !important;order : 0;}.fusion-builder-column-4 > .fusion-column-wrapper {margin-right : 2.88%;margin-left : 2.88%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-4{width:100% !important;order : 0;}.fusion-builder-column-4 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}<\/style><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-5 fusion_builder_column_1_6 1_6 fusion-flex-column\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><\/div><style type=\"text\/css\">.fusion-body .fusion-builder-column-5{width:16.666666666667% !important;margin-top : 0px;margin-bottom : 20px;}.fusion-builder-column-5 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 11.52%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 11.52%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-5{width:16.666666666667% !important;order : 0;}.fusion-builder-column-5 > .fusion-column-wrapper {margin-right : 11.52%;margin-left : 11.52%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-5{width:100% !important;order : 0;}.fusion-builder-column-5 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}<\/style><\/div><\/div><style type=\"text\/css\">.fusion-body .fusion-flex-container.fusion-builder-row-2{ padding-top : 0px;margin-top : 200px;padding-right : 0px;padding-bottom : 0px;margin-bottom : 0px;padding-left : 0px;}<\/style><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-3 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling fusion-no-large-visibility\" style=\"background-color: rgba(255,255,255,0);background-position: center center;background-repeat: no-repeat;border-width: 0px 0px 0px 0px;border-color:#e2e2e2;border-style:solid;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-6 fusion_builder_column_1_6 1_6 fusion-flex-column\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><\/div><style type=\"text\/css\">.fusion-body .fusion-builder-column-6{width:16.666666666667% !important;margin-top : 0px;margin-bottom : 20px;}.fusion-builder-column-6 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 11.52%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 11.52%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-6{width:16.666666666667% !important;order : 0;}.fusion-builder-column-6 > .fusion-column-wrapper {margin-right : 11.52%;margin-left : 11.52%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-6{width:100% !important;order : 0;}.fusion-builder-column-6 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}<\/style><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-7 fusion_builder_column_2_3 2_3 fusion-flex-column\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><div style=\"line-height:80%;\"><h3 style=\"color:#D8A159;\"><span class=\"fas fa-circle\" style=\"color:#D8A159;padding:4px;\"><\/span><span style=\"color: #331d1b;\">Le prix Otto Naegeli, qui est d\u00e9cern\u00e9 depuis 1960 pour des r\u00e9ussites scientifiques exceptionnelles, est l'un des prix les plus prestigieux pour la recherche m\u00e9dicale d\u00e9cern\u00e9 en Suisse.<\/span>\r\n<\/h3><\/div>\r\n\r\n<div ><style type=\"text\/css\">.fusion-button.button-2 .fusion-button-text, .fusion-button.button-2 i {color:#d8a159;}.fusion-button.button-2 .fusion-button-icon-divider{border-color:#d8a159;}.fusion-button.button-2:hover .fusion-button-text, .fusion-button.button-2:hover i,.fusion-button.button-2:focus .fusion-button-text, .fusion-button.button-2:focus i,.fusion-button.button-2:active .fusion-button-text, .fusion-button.button-2:active{color:#331d1b;}.fusion-button.button-2:hover .fusion-button-icon-divider, .fusion-button.button-2:hover .fusion-button-icon-divider, .fusion-button.button-2:active .fusion-button-icon-divider{border-color:#331d1b;}.fusion-button.button-2:hover, .fusion-button.button-2:focus, .fusion-button.button-2:active{border-color:#ffffff;border-width:0px;}.fusion-button.button-2 {border-color:#331d1b;border-width:0px;border-radius:30px;}.fusion-button.button-2{background: #331d1b;}.fusion-button.button-2:hover,.button-2:focus,.fusion-button.button-2:active{background: #d8a159;}<\/style><a class=\"fusion-button button-flat button-large button-custom button-2 fusion-button-span-no fusion-button-default-type\" target=\"_self\" href=\"https:\/\/onp.nougat.work\/fr\/the-award\/\" style=\"margin-top:0px;margin-bottom:0px;\"><span class=\"fusion-button-text\">Plus<\/span><\/a><\/div><\/div><style type=\"text\/css\">.fusion-body .fusion-builder-column-7{width:66.666666666667% !important;margin-top : 0px;margin-bottom : 20px;}.fusion-builder-column-7 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 2.88%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 2.88%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-7{width:66.666666666667% !important;order : 0;}.fusion-builder-column-7 > .fusion-column-wrapper {margin-right : 2.88%;margin-left : 2.88%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-7{width:100% !important;order : 0;}.fusion-builder-column-7 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}<\/style><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-8 fusion_builder_column_1_6 1_6 fusion-flex-column\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><\/div><style type=\"text\/css\">.fusion-body .fusion-builder-column-8{width:16.666666666667% !important;margin-top : 0px;margin-bottom : 20px;}.fusion-builder-column-8 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 11.52%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 11.52%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-8{width:16.666666666667% !important;order : 0;}.fusion-builder-column-8 > .fusion-column-wrapper {margin-right : 11.52%;margin-left : 11.52%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-8{width:100% !important;order : 0;}.fusion-builder-column-8 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}<\/style><\/div><\/div><style type=\"text\/css\">.fusion-body .fusion-flex-container.fusion-builder-row-3{ padding-top : 0px;margin-top : 0px;padding-right : 0px;padding-bottom : 0px;margin-bottom : 0px;padding-left : 0px;}<\/style><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-4 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"background-color: rgba(255,255,255,0);background-position: center center;background-repeat: no-repeat;border-width: 0px 0px 0px 0px;border-color:#e2e2e2;border-style:solid;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-9 fusion_builder_column_1_6 1_6 fusion-flex-column\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><\/div><style type=\"text\/css\">.fusion-body .fusion-builder-column-9{width:16.666666666667% !important;margin-top : 0px;margin-bottom : 20px;}.fusion-builder-column-9 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 11.52%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 11.52%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-9{width:16.666666666667% !important;order : 0;}.fusion-builder-column-9 > .fusion-column-wrapper {margin-right : 11.52%;margin-left : 11.52%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-9{width:100% !important;order : 0;}.fusion-builder-column-9 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}<\/style><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-10 fusion_builder_column_2_3 2_3 fusion-flex-column\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><div style=\"line-height:80%;\"><h3 style=\"color: #D8A159;\"><span class=\"fas fa-circle\" style=\"color:#D8A159;padding:4px;\"><\/span>Laur\u00e9ates et laur\u00e9ats\r\n<\/h3>\r\n<\/div>\r\n\r\n<\/div><style type=\"text\/css\">.fusion-body .fusion-builder-column-10{width:66.666666666667% !important;margin-top : 0px;margin-bottom : 20px;}.fusion-builder-column-10 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 2.88%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 2.88%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-10{width:66.666666666667% !important;order : 0;}.fusion-builder-column-10 > .fusion-column-wrapper {margin-right : 2.88%;margin-left : 2.88%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-10{width:100% !important;order : 0;}.fusion-builder-column-10 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}<\/style><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-11 fusion_builder_column_1_6 1_6 fusion-flex-column\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><\/div><style type=\"text\/css\">.fusion-body .fusion-builder-column-11{width:16.666666666667% !important;margin-top : 0px;margin-bottom : 20px;}.fusion-builder-column-11 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 11.52%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 11.52%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-11{width:16.666666666667% !important;order : 0;}.fusion-builder-column-11 > .fusion-column-wrapper {margin-right : 11.52%;margin-left : 11.52%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-11{width:100% !important;order : 0;}.fusion-builder-column-11 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}<\/style><\/div><\/div><style type=\"text\/css\">.fusion-body .fusion-flex-container.fusion-builder-row-4{ padding-top : 0px;margin-top : 50px;padding-right : 0px;padding-bottom : 0px;margin-bottom : 0px;padding-left : 0px;}<\/style><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-5 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"background-color: rgba(255,255,255,0);background-position: center center;background-repeat: no-repeat;border-width: 0px 0px 0px 0px;border-color:#e2e2e2;border-style:solid;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-12 fusion_builder_column_1_1 1_1 fusion-flex-column\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><div id=\"vis\" class=\"svg-container\"><\/div>\r\n<div id=\"tooltipDiv\"><\/div>\r\n<script> \r\nconst heightValue = 500;\r\nconst widthValue = 1000;\r\nconst nodeSize = 60;\r\nvar width=1000, \r\n    height = 500, \r\n    nodePadding = 2.5;\r\n\r\n    var svg = d3.select(\"#vis\")\r\n        .append(\"svg\")\r\n        .attr(\"preserveAspectRatio\", \"xMinYMin meet\")\r\n        .attr(\"viewBox\", `0 0 ${widthValue} ${heightValue}`)\r\n        .classed(\"svg-content\", true);\r\n        \r\n\r\n  var xScale = d3.scaleLinear().domain([0, 50]).range([100, 900]);\r\n\r\n\/\/ create a tooltip\r\n  var tooltip2 = d3.select(\"#tooltipDiv\")\r\n  .append(\"div\")\r\n    .attr('class', 'tooltipONP')\r\n    .style(\"position\", \"absolute\")\r\n    .style(\"visibility\", \"hidden\")\r\n    .text(\".\");\r\n\r\n\/\/ Change the tooltip when user hover \/ move \/ leave a cell\r\nvar mouseover = function(d) {\r\n    tooltip2\r\n      .style(\"visibility\", \"visible\")\r\n      .text(d.name)\r\n      .style(\"left\", d3.select( this ).attr(\"x\") + \"px\")\r\n      .style(\"top\", d3.select( this ).attr(\"y\") + \"px\")\r\n        d3.select( this )\r\n        .style(\"cursor\", \"pointer\")\r\n        .transition()\r\n        .attr(\"height\",function(d){return d.dimension *1.2;})\r\n        .attr(\"width\",function(d){return d.dimension *1.2;})\r\n\r\n  }\r\n\r\nvar mouseenter = function(d) {    \r\n  var selection = d3.select(this);\r\n  var offsetX = parseFloat(selection.attr(\"width\")\/2);\r\n  var offsetY = parseFloat(selection.attr(\"height\")\/2);\r\n  var selection = d3.select(this);\r\n  selection.attr({transform:\"translate(\"+offsetX+ \",\"+offsetY+\") \"+\r\n                                  \"scale(1.2) \"+\r\n                                  \"translate(-\"+offsetX+\",-\"+offsetY+ \")\"\r\n                    });\r\n\r\n  }\r\nvar mousemove = function(d) {\r\n    tooltip2\r\n      .text(d.name)\r\n      .html(\"<strong style = 'font-size:14px;'>\" + d.year + \"<\/strong><\/br><strong>\" + d.name + \"<\/strong><\/br><em>\" + d.subject + \"<\/em>\")\r\n\r\n       \r\n      .style(\"left\", d3.select( this ).attr(\"x\") + \"px\")\r\n      .style(\"top\", (d3.select( this ).attr(\"y\")-40) + \"px\")\r\n  }\r\n\r\n  var mouseleave = function(d) {\r\n    tooltip2\r\n      .style(\"visibility\", \"hidden\")          \r\n      d3.select( this )\r\n       .transition()        \r\n       .attr(\"height\",function(d){return d.dimension;})\r\n       .attr(\"width\",function(d){return d.dimension;})      \r\n  \r\n  }\r\n\r\n  var mouseclick = function(d) {\r\n    tooltip2\r\n      window.location= d.url;\r\n  }\r\n  \r\n  var simulation = d3.forceSimulation()\r\n        \r\n        .force('x', d3.forceX().x(function(d,i) {\r\n  return xScale(i);\r\n}))\r\n        .force('y', d3.forceY().y(function(d) {\r\n  return (height\/3);\r\n}))\r\n        .force(\"charge\", d3.forceManyBody().strength(5))\r\n        .force(\"collision\", d3.forceCollide().radius(function(d) {\r\n          return d.radius+ nodePadding}));\r\n   \r\n  d3.csv(\"..\/data\/onpDataAwardeesDE.csv\", types, function(error,graph){\r\n      if (error) throw error;\r\n\r\n      \/\/update the simulation based on the data\r\n      simulation\r\n          .nodes(graph)\r\n          .force(\"collide\", d3.forceCollide().strength(.5).radius(function(d){ return d.radius + nodePadding; }).iterations(1))\r\n          .on(\"tick\", function(d){\r\n            node\r\n                .attr(\"x\", function(d){ return d.x; })\r\n                .attr(\"y\", function(d){ return d.y; })\r\n          });\r\n\r\n      var node = svg.append(\"g\")\r\n        .attr(\"class\", \"node\")\r\n        .selectAll(\"circle\")\r\n        .data(graph)\r\n        .enter()\r\n        .append(\"image\")\r\n          .attr(\"class\", \"node\")\r\n          .attr(\"xlink:href\", function(d){return  d.filename;})\r\n          .attr(\"x\",width\/2)\r\n          .attr(\"y\",height\/2)\r\n          .attr(\"height\",function(d){return d.dimension;})\r\n          .attr(\"width\",function(d){return d.dimension;})\r\n          .on(\"mouseenter\", mouseenter)\r\n          .on(\"mouseover\", mouseover)\r\n          .on(\"mousemove\", mousemove)\r\n          .on(\"mouseleave\", mouseleave)\r\n          .on(\"click\",mouseclick)\r\n          .call(d3.drag()\r\n              .on(\"start\", dragstarted)\r\n              .on(\"drag\", dragged)\r\n              .on(\"end\", dragended));\r\n    });\r\n\r\n    function dragstarted(d) {\r\n      if (!d3.event.active) simulation.alphaTarget(.03).restart();\r\n      d.fx = d.x;\r\n      d.fy = d.y;\r\n    }\r\n\r\n    function dragged(d) {\r\n      d.fx = d3.event.x;\r\n      d.fy = d3.event.y;\r\n    }\r\n\r\n    function dragended(d) {\r\n      if (!d3.event.active) simulation.alphaTarget(.03);\r\n      d.fx = null;\r\n      d.fy = null;\r\n    }\r\n\r\n    function types(d){\r\n      d.dimension = nodeSize + Math.floor(Math.random() * 30); \r\n      d.radius = d.dimension\/2.0;\r\n      return d;\r\n    }\r\n    <\/script><\/div><style type=\"text\/css\">.fusion-body .fusion-builder-column-12{width:100% !important;margin-top : 0px;margin-bottom : 20px;}.fusion-builder-column-12 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 1.92%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 1.92%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-12{width:100% !important;order : 0;}.fusion-builder-column-12 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-12{width:100% !important;order : 0;}.fusion-builder-column-12 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}<\/style><\/div><\/div><style type=\"text\/css\">.fusion-body .fusion-flex-container.fusion-builder-row-5{ padding-top : 0px;margin-top : 0px;padding-right : 0px;padding-bottom : 0px;margin-bottom : 0px;padding-left : 0px;}<\/style><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-6 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"background-color: rgba(255,255,255,0);background-position: center center;background-repeat: no-repeat;border-width: 0px 0px 0px 0px;border-color:#e2e2e2;border-style:solid;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-13 fusion_builder_column_1_1 1_1 fusion-flex-column\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-top:15px;margin-bottom:15px;width:100%;\"><\/div><\/div><style type=\"text\/css\">.fusion-body .fusion-builder-column-13{width:100% !important;margin-top : 0px;margin-bottom : 20px;}.fusion-builder-column-13 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 1.92%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 1.92%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-13{width:100% !important;order : 0;}.fusion-builder-column-13 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-13{width:100% !important;order : 0;}.fusion-builder-column-13 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}<\/style><\/div><\/div><style type=\"text\/css\">.fusion-body .fusion-flex-container.fusion-builder-row-6{ padding-top : 0px;margin-top : 0px;padding-right : 0px;padding-bottom : 0px;margin-bottom : 0px;padding-left : 0px;}<\/style><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/onp.nougat.work\/fr\/wp-json\/wp\/v2\/pages\/705"}],"collection":[{"href":"https:\/\/onp.nougat.work\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/onp.nougat.work\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/onp.nougat.work\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/onp.nougat.work\/fr\/wp-json\/wp\/v2\/comments?post=705"}],"version-history":[{"count":31,"href":"https:\/\/onp.nougat.work\/fr\/wp-json\/wp\/v2\/pages\/705\/revisions"}],"predecessor-version":[{"id":1546,"href":"https:\/\/onp.nougat.work\/fr\/wp-json\/wp\/v2\/pages\/705\/revisions\/1546"}],"wp:attachment":[{"href":"https:\/\/onp.nougat.work\/fr\/wp-json\/wp\/v2\/media?parent=705"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}