mousover java sur plusieurs éléments en même temps

mousover java sur plusieurs éléments en même temps - Java - Programmation

Marsh Posté le 12-02-2020 à 12:10:48    

Bonjour est t-il possible d'activer plusieurs events avec la fonction mousover sur plusieurs éléments en même temps.
 
J'aimerais dans mon cas :
 
- appliquer un on/out mousover sur chaque texte
- lorsque je survole le texte, il devient rouge et gras
- lorsque je ne suis plus dessus, il redevient à l'état initial
 
- appliquer un on/out mousover sur chaque circle
- lorsque je survole un circle, la couleur du stroke change
- lorsque je ne suis plus dessus, il redevient à l'état initial
 
- lorsque je survole un circle, , le circle change de couleur mais également le texte
- lorsque je survole un texte, le texte change de couleur mais également le circle
- chaque circle est lié à un texte en particulier
 
- j'aimerais également que du texte s'affiche (un bloc text), et ça pour chaque couple texte/circle, lorsque je survole soit le circle soit le texte
 
Merci beaucoup pour votre aide  
 
Voici mon code :
 

Code :
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="utf-8">
  5.     <meta name="viewport" content=""width=device-width, initial-scale="1.0, maximum-scale=1.0, minimal-ui"/>
  6.     <link rel="stylesheet" href="app.css">
  7. </head>
  8. <body>
  10. <div class="map" id=""map">
  11. <div class="map__image">
  13.     <?xml version="1.0" encoding="utf-8"?>
  14.     <svg version="1.1"
  15.          id="svg2" inkscape:output_extension="org.inkscape.output.svg.inkscape" inkscape:version="0.92.3 (2405546, 2018-03-11)" sodipodi:docname="RER_ligne_A_Paris_plan.svg" sodipodi:version="0.32" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"
  16.          xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 2790 1075"
  17.          style="enable-background:new 0 0 2790 1075;" xml:space="preserve">
  18. <style type="text/css">
  19. .st0{fill:none;stroke:#000000;}
  20.     .st1{fill:none;stroke:#E2231A;stroke-width:7.852;}
  21.     .st2{stroke:#E2231A;stroke-width:7.852;}
  22.     .st3{stroke:#000000;stroke-width:5;}
  23.     .st4{font-family:'ArialMT';}
  24.     .st5{font-size:31.4093px;}
  25.     .st6{font-size:32px;}
  26.     .st7{enable-background:new    ;}
  27.     .st8{fill:#FFFFFF;}
  28.     .st9{fill:#050D9E;}
  29.     .st10{fill:#E2231A;}
  30.     .st11{fill:none;}
  31.     .st12{font-family:'Arial-BoldMT';}
  32.     .st13{font-size:25.7578px;}
  33.     .st14{font-size:48px;}
  34.     .st15{stroke:#000000;stroke-width:5;}
  35.     .st16{fill:#1D1D1B;stroke:#000000;stroke-width:5;}
  36. </style>
  37.         <sodipodi:namedview  bordercolor="#666666" borderopacity="1.0" fit-margin-bottom="0" fit-margin-left="0" fit-margin-right="0" fit-margin-top="0" gridtolerance="10.0" guidetolerance="10.0" height="750px" id="base" inkscape:current-layer="layer4" inkscape:cx="1295.528" inkscape:cy="417.74082" inkscape:document-rotation="0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:snap-global="false" inkscape:window-height="1001" inkscape:window-maximized="1" inkscape:window-width="1920" inkscape:window-x="-9" inkscape:window-y="-9" inkscape:zoom="1.979899" objecttolerance="10.0" pagecolor="#ffffff" showgrid="false" showguides="false" width="2150px">
  38. <inkscape:grid  id="grid16215" type="xygrid"></inkscape:grid>
  39.             <sodipodi:guide  id="guide5174" inkscape:locked="false" orientation="-0.70710678,0.70710678" position="893.07264,717.18316">
  40.  </sodipodi:guide>
  41. </sodipodi:namedview>
  42.         <g id="layer2" transform="translate(-96.135793,207.65463)" inkscape:groupmode="layer" inkscape:label="ligne" sodipodi:insensitive="true">
  43. <path id="path15678" inkscape:connector-curvature="0" sodipodi:nodetypes="cc" class="st0" d="M603.6,273.8v-96.7"/>
  44.             <path id="path15680" inkscape:connector-curvature="0" sodipodi:nodetypes="cc" class="st0" d="M683.6,273.8v-96.7"/>
  45.             <path id="path3787" inkscape:connector-curvature="0" sodipodi:nodetypes="cccc" class="st1" d="M1803.6,350.5v-83.7
  46.  c0.2-27.8,15.7-33.1,31.4-32.6h846.2"/>
  47.             <path id="path16066" inkscape:connector-curvature="0" sodipodi:nodetypes="cc" class="st2" d="M1802.9,346.6h-719.3"/>
  48.             <path id="path16070" inkscape:connector-curvature="0" sodipodi:nodetypes="cccc" class="st1" d="M2523.3,459h-686.2
  49.  c-17.8,0.6-33.3-4.8-33.5-32.6v-83.7"/>
  50.             <path id="path14566" inkscape:connector-curvature="0" sodipodi:nodetypes="cccc" class="st1" d="M1079.7,350.5v-83.7
  51.  c-0.2-27.8-15.7-33.1-31.4-32.6H763.6"/>
  52.             <path id="path14568" inkscape:connector-curvature="0" sodipodi:nodetypes="cccc" class="st1" d="M522,459h524.2
  53.  c17.8,0.6,33.3-4.8,33.5-32.6v-83.7"/>
  54.             <path id="path14820" inkscape:connector-curvature="0" sodipodi:nodetypes="cccc" class="st1" d="M761.5,234.2v-3.7
  55.  c-0.2-27.8-15.7-33.1-31.4-32.6H123.6"/>
  56.             <path id="path14822" inkscape:connector-curvature="0" sodipodi:nodetypes="cccc" class="st1" d="M603.6,270.5H728
  57.  c17.8,0.6,33.3-4.8,33.5-32.6v-3.7"/>
  58.             <path id="circle15644_2_" class="st3" d="M203.6,210.4"/>
  59.             <path id="circle15644_1_" class="st3" d="M203.6,185.4"/>
  60. </g>
  61.         <g id="layer3" transform="translate(-39.010047,646.2841)" inkscape:groupmode="layer" inkscape:label="names">
  62. <text transform="matrix(0.5 -0.866 0.866 0.5 1830.9004 -239.2476)" class="st4 st5">Val de Fontenay</text>
  63.             <text transform="matrix(0.5 -0.866 0.866 0.5 1189.6523 -124.9918)" class="st4 st5">La Défense</text>
  64.             <text transform="matrix(0.5 -0.866 0.866 0.5 1270.4849 -125.774)" class="st4 st5">Charles de Gaulle - Étoile</text>
  65.             <text transform="matrix(0.5 -0.866 0.866 0.5 1351.0002 -127.0504)" class="st4 st5">Auber</text>
  66.             <text transform="matrix(0.5 -0.866 0.866 0.5 1430.4927 -125.7877)" class="st4 st5">Châtelet - Les Halles</text>
  67.             <text transform="matrix(0.5 -0.866 0.866 0.5 1510.439 -125.6949)" class="st4 st5">Gare de Lyon</text>
  68.             <text transform="matrix(0.5 -0.866 0.866 0.5 1794.457 283.1879)" class="st4 st5">Nogent-sur-Marne</text>
  69.             <text transform="matrix(0.5 -0.866 0.866 0.5 1890.5627 258.183)" class="st4 st5">Joinville-le-Pont</text>
  70.             <g id="g5150" transform="translate(495.28024,-126.65523)">
  71.  <text transform="matrix(0.5 -0.866 0.866 0.5 1451.2679 427.0092)" class="st4 st5">Saint-Maur - Créteil</text>
  72. </g>
  73.             <text transform="matrix(0.5 -0.866 0.866 0.5 2069.8579 -237.441)" class="st4 st5">Noisy-le-Grand - Mont-d&apos;Est</text>
  74.             <text transform="matrix(0.5 -0.866 0.866 0.5 1989.7773 -237.3013)" class="st4 st5">Bry-sur-Marne</text>
  75.             <text transform="matrix(0.5 -0.866 0.866 0.5 1909.7852 -237.315)" class="st4 st5">Neuilly-Plaisance</text>
  76.             <text transform="matrix(0.5 -0.866 0.866 0.5 2004.2559 336.0502)" class="st4 st5">Le Parc de Saint-Maur</text>
  77.             <text transform="matrix(0.5 -0.866 0.866 0.5 2156.4839 200.849)" class="st4 st5">Champigny</text>
  78.             <text transform="matrix(0.5 -0.866 0.866 0.5 2110.0483 420.7279)" class="st4 st6">La Varenne - Chennevières</text>
  79.             <g id="g5158" transform="translate(530.58963,-42.930517)">
  80.  <text transform="matrix(0.5 -0.866 0.866 0.5 1807.4622 354.9134)" class="st4 st5">Boissy-Saint-Léger</text>
  81. </g>
  82.             <text transform="matrix(0.5 -0.866 0.866 0.5 2292.5286 255.1821)" class="st4 st5">Sucy - Bonneuil</text>
  83.             <text transform="matrix(0.5 -0.866 0.866 0.5 1589.7849 -124.9449)" class="st4 st5">Nation</text>
  84.             <text transform="matrix(0.5 -0.866 0.866 0.5 1670.9465 -126.9576)" class="st4 st5">Vincennes</text>
  85.             <text transform="matrix(0.5 -0.866 0.866 0.5 1109.8462 -125.0513)" class="st4 st5">Nanterre-Préfecture</text>
  86.             <text transform="matrix(0.5 -0.866 0.866 0.5 2149.689 -237.3219)" class="st4 st5">Noisy - Champs</text>
  87.             <text transform="matrix(0.5 -0.866 0.866 0.5 2229.7078 -237.3551)" class="st4 st5">Noisiel</text>
  88.             <text transform="matrix(0.5 -0.866 0.866 0.5 2309.7192 -237.3746)" class="st4 st5">Lognes</text>
  89.             <text transform="matrix(0.5 -0.866 0.866 0.5 2469.6848 -237.315)" class="st4 st5">Bussy-Saint-Georges</text>
  90.             <text transform="matrix(0.5 -0.866 0.866 0.5 2390.5244 -238.7691)" class="st4 st5">Torcy</text>
  91.             <text transform="matrix(0.5 -0.866 0.866 0.5 2567.7195 -227.1256)" class="st4 st5">Val d&apos;Europe</text>
  92.             <text transform="matrix(0.5 -0.866 0.866 0.5 2635.8074 -237.5279)" class="st4 st5">Marne-la-Vallée - Chessy</text>
  93.             <text transform="matrix(0.5 -0.866 0.866 0.5 1702.1382 304.5258)" class="st4 st5">Fontenay-sous-Bois</text>
  94.             <text transform="matrix(0.5 -0.866 0.866 0.5 949.689 -237.149)" class="st4 st5">Houilles - Carrières-sur-Seine</text>
  95.             <text transform="matrix(0.5 -0.866 0.866 0.5 870.5923 -238.3306)" class="st4 st5">Sartrouville</text>
  96.             <text transform="matrix(0.5 -0.866 0.866 0.5 789.7735 -237.2955)" class="st4 st5">Maisons-Laffitte</text>
  97.             <text transform="matrix(0.5 -0.866 0.866 0.5 825.7271 301.2846)" class="st4 st5">Nanterre-Université</text>
  98.             <text transform="matrix(0.5 -0.866 0.866 0.5 786.1238 228.3403)" class="st4 st5">Nanterre-Ville</text>
  99.             <text transform="matrix(0.5 -0.866 0.866 0.5 677.8245 277.9086)" class="st4 st5">Rueil-Malmaison</text>
  100.             <text transform="matrix(0.5 -0.866 0.866 0.5 607.7357 250.643)" class="st4 st5">Chatou-Croissy</text>
  101.             <text transform="matrix(0.5 -0.866 0.866 0.5 515.2818 281.7602)" class="st4 st5">Le Vésinet-Centre</text>
  102.             <text transform="matrix(0.5 -0.866 0.866 0.5 404.3663 326.5668)" class="st4 st5">Le Vésinet - Le Pecq</text>
  103.             <text transform="matrix(0.5 -0.866 0.866 0.5 297.7354 355.3881)" class="st4 st5">Saint-Germain-en-Laye</text>
  104.             <text transform="matrix(0.5 -0.866 0.866 0.5 630.962 -275.6871)" class="st4 st5">Achères-Grand-Cormier</text>
  105.             <text transform="matrix(0.5 -0.866 0.866 0.5 549.8426 -273.7477)" class="st4 st5">Poissy</text>
  106.             <text transform="matrix(0.5 -0.866 0.866 0.5 471.0347 -275.8131)" class="st4 st5">Achères-Ville</text>
  107.             <text transform="matrix(0.5 -0.866 0.866 0.5 390.5118 -274.524)" class="st4 st5">Conflans-Fin-d&apos;Oise</text>
  108.             <text transform="matrix(0.5 -0.866 0.866 0.5 309.8004 -273.6744)" class="st4 st5">Neuville-Université</text>
  109.             <text transform="matrix(0.5 -0.866 0.866 0.5 230.481 -274.4703)" class="st4 st5">Cergy-Préfecture</text>
  110.             <text transform="matrix(0.5 -0.866 0.866 0.5 150.4888 -274.484)" class="st4 st5">Cergy-Saint-Christophe</text>
  111.             <text transform="matrix(0.5 -0.866 0.866 0.5 70.5694 -274.6236)" class="st4 st5">Cergy-le-Haut</text>
  112. </g>
  113.         <g id="layer1" transform="translate(0,307.09595)" inkscape:groupmode="layer" inkscape:label="logo" sodipodi:insensitive="true">
  114. <g id="g13376" transform="translate(-21.330339,-1405.8168)" class="st7">
  115.  <g id="g6194" transform="matrix(2.4285712,0,0,2.4285212,-2743.1034,-446.93566)">
  116.   <circle id="circle6196" class="st8" cx="1159.9" cy="658.1" r="16"/>
  117.             <path id="path6198" inkscape:connector-curvature="0" class="st9" d="M1177.4,658.2c0-9.7-8.1-17.6-17.5-17.6
  118.    c-9.7,0-17.5,7.9-17.5,17.6c0,9.6,7.9,17.4,17.5,17.4C1169.6,675.6,1177.4,667.8,1177.4,658.2 M1175,658.2c0,8.2-6.8,15-15,15
  119.    c-8.3,0-15.1-6.7-15.1-15c0-8.4,6.8-15.2,15.1-15.2C1168.2,642.9,1175,649.9,1175,658.2z M1172.5,655.4c0-2.4-1.8-3.5-3.5-3.5
  120.    h-3.3c-0.6,0-1,0.5-1,1v10.3c0,0.6,0.6,0.9,1.2,0.9c0.7,0,1.2-0.3,1.2-0.9v-4h1l2,4.4c0.2,0.3,0.5,0.5,0.8,0.5
  121.    c0.7,0,1.7-0.7,1.3-1.4l-1.9-3.9C1171.5,658.2,1172.5,657.2,1172.5,655.4L1172.5,655.4z M1163.6,663c0-0.5-0.4-1.1-1-1.1h-3.3v-3
  122.    h2.8c0.6,0,1-0.5,1-1c0-0.5-0.3-1-1-1h-2.8v-2.8h3.1c0.6,0,1-0.6,1-1.1c0-0.5-0.4-1.1-1-1.1h-4.5c-0.6,0-1,0.5-1,1v10.2
  123.    c0,0.6,0.6,0.9,1.2,0.9h4.5C1163.2,664.1,1163.6,663.5,1163.6,663z M1155.5,655.4c0-2.4-1.7-3.5-3.5-3.5h-3.3c-0.6,0-1,0.5-1,1
  124.    v10.3c0,0.6,0.6,0.9,1.2,0.9c0.7,0,1.2-0.3,1.2-0.9v-4h1l2,4.4c0.2,0.3,0.5,0.5,0.8,0.5c0.7,0,1.7-0.7,1.3-1.4l-1.9-3.9
  125.    C1154.6,658.2,1155.5,657.2,1155.5,655.4L1155.5,655.4z M1170,655.6c0,1.5-1.4,1.8-2.2,1.8h-0.7v-3.5h0.8
  126.    C1169.1,653.9,1170,654.4,1170,655.6z M1153.1,655.6c0,1.5-1.4,1.8-2.2,1.8h-0.7v-3.5h0.8
  127.    C1152.1,653.9,1153.1,654.4,1153.1,655.6z"/>
  128.  </g>
  129.         <g id="g6200" transform="matrix(2.4285712,0,0,2.4285712,-22.978154,-177.63837)">
  130.   <path id="path6202" inkscape:connector-curvature="0" class="st10" d="M94.4,547.2c0-9.7-7.8-17.5-17.5-17.5
  131.    c-9.7,0-17.5,7.8-17.5,17.5c0,9.7,7.8,17.5,17.5,17.5C86.6,564.7,94.4,556.8,94.4,547.2"/>
  132.             <path id="path6204" inkscape:connector-curvature="0" class="st8" d="M92,547.2c0-8.3-6.7-15-15-15.1c-8.3,0-15.1,6.7-15,15
  133.    c0,8.3,6.7,15.1,15,15.1C85.2,562.2,92,555.5,92,547.2"/>
  134.             <path id="path6206" inkscape:connector-curvature="0" class="st10" d="M68.8,554.7l4,0l1.1-3.2H80l1,3.2l3.6,0l-5.9-16.8h-4
  135.    L68.8,554.7 M74.7,548.7l1.7-5.3c0.2-0.7,0.4-1.6,0.4-2.1l0.1,0c0,0.6,0.2,1.4,0.4,2.1l1.7,5.3L74.7,548.7L74.7,548.7z"/>
  136.  </g>
  137. </g>
  138. </g>
  139.         <path id="circle15644_5_" class="st3" d="M440,405.6"/>
  140.         <g id="g6200_1_" transform="matrix(2.4285712,0,0,2.4285712,-22.978154,-177.63837)">
  141. <path id="path6202_1_" inkscape:connector-curvature="0" class="st10" d="M162.8,347.6c0-5.7-4.6-10.3-10.3-10.3
  142.  c-5.7,0-10.3,4.6-10.3,10.3c0,5.7,4.6,10.3,10.3,10.3C158.2,357.9,162.8,353.3,162.8,347.6"/>
  143.             <path id="path6204_1_" inkscape:connector-curvature="0" class="st8" d="M161.4,347.6c0-4.9-4-8.8-8.9-8.9c-4.9,0-8.9,4-8.9,8.8
  144.  c0,4.9,4,8.9,8.9,8.9C157.4,356.5,161.4,352.5,161.4,347.6"/>
  145. </g>
  146.         <rect x="331.6" y="656.1" class="st11" width="35" height="22.3"/>
  147.         <text transform="matrix(1 0 0 1 331.5508 674.4961)" class="st10 st12 st13">A1</text>
  148.         <g id="g6200_2_" transform="matrix(2.4285712,0,0,2.4285712,-22.978154,-177.63837)">
  149. <path id="path6202_2_" inkscape:connector-curvature="0" class="st10" d="M1052.3,347.6c0-5.7-4.6-10.3-10.3-10.3
  150.  c-5.7,0-10.3,4.6-10.3,10.3c0,5.7,4.6,10.3,10.3,10.3C1047.6,357.9,1052.3,353.3,1052.3,347.6"/>
  151.             <path id="path6204_2_" inkscape:connector-curvature="0" class="st8" d="M1050.8,347.6c0-4.9-4-8.8-8.9-8.9c-4.9,0-8.9,4-8.9,8.8
  152.  c0,4.9,4,8.9,8.9,8.9C1046.8,356.5,1050.8,352.5,1050.8,347.6"/>
  153. </g>
  154.         <rect x="2491" y="655.5" class="st11" width="35" height="22.3"/>
  155.         <text transform="matrix(1 0 0 1 2490.9873 673.9199)" class="st10 st12 st13">A2</text>
  156.         <g id="g6200_3_" transform="matrix(2.4285712,0,0,2.4285712,-22.978154,-177.63837)">
  157. <path id="path6202_3_" inkscape:connector-curvature="0" class="st10" d="M1118.1,255.1c0-5.7-4.6-10.3-10.3-10.3
  158.  c-5.7,0-10.3,4.6-10.3,10.3c0,5.7,4.6,10.3,10.3,10.3C1113.5,265.4,1118.1,260.8,1118.1,255.1"/>
  159.             <path id="path6204_3_" inkscape:connector-curvature="0" class="st8" d="M1116.7,255.1c0-4.9-4-8.8-8.9-8.9c-4.9,0-8.9,4-8.9,8.8
  160.  c0,4.9,4,8.9,8.9,8.9C1112.7,264,1116.7,260,1116.7,255.1"/>
  161. </g>
  162.         <rect x="2651" y="430.7" class="st11" width="35" height="22.3"/>
  163.         <text transform="matrix(1 0 0 1 2650.9863 449.1826)" class="st10 st12 st13">A4</text>
  164.         <rect x="1059.7" y="664" class="st11" width="555.8" height="115.6"/>
  165.         <text transform="matrix(1 0 0 1 1134.9717 698.335)"><tspan x="0" y="0" class="st12 st14">Migration Ligne A </tspan><tspan x="111.9" y="57.6" class="st12 st14">Phase 1</tspan></text>
  166.         <circle id="saint_germain_en_laye" class="st4 st5 st15" cx="427.5" cy="666.6" r="12.5" fill="white"/>
  167.         <circle id="le_vesinet_le_pecq" class="st15" cx="507.5" cy="666.6" r="12.5" fill="white"/>
  168.         <circle id="le_vesinet_centre" class="st15" cx="587.5" cy="666.6" r="12.5" fill="white"/>
  169.         <circle id="chatou_croissy" class="st15" cx="667.5" cy="666.6" r="12.5" fill="white"/>
  170.         <circle id="rueil_malmaison" class="st15" cx="747.5" cy="666.6" r="12.5" fill="white"/>
  171.         <circle id="nanterre_ville" class="st15" cx="827.5" cy="666.6" r="12.5" fill="white"/>
  172.         <circle id="nanterre_universite" class="st15" cx="907.5" cy="666.6" r="12.5" fill="white"/>
  173.         <circle id="nanterre_prefecture" class="st15" cx="1067.5" cy="554.3" r="12.5" fill="white"/>
  174.         <circle id="la_defense" class="st15" cx="1147.5" cy="554.3" r="12.5" fill="white"/>
  175.         <circle id="charles_de_gaulle_etoile" class="st15" cx="1227.5" cy="554.3" r="12.5" fill="white"/>
  176.         <circle id="auber" class="st15" cx="1307.5" cy="554.3" r="12.5" fill="white"/>
  177.         <circle id="chatelet_les_halles" class="st15" cx="1387.5" cy="554.3" r="12.5" fill="white"/>
  178.         <circle id="gare_de_lyon" class="st15" cx="1467.5" cy="554.3" r="12.5" fill="white"/>
  179.         <circle id="nation" class="st15" cx="1547.5" cy="554.3" r="12.5" fill="white"/>
  180.         <circle id="vincennes" class="st15" cx="1627.5" cy="554.3" r="12.5" fill="white"/>
  181.         <circle id="val_de_fontenay" class="st15" cx="1787.5" cy="441.9" r="12.5" fill="white"/>
  182.         <circle id="neuilly_plaisance" class="st15" cx="1867.5" cy="441.9" r="12.5" fill="white"/>
  183.         <circle id="bry_sur_marne" class="st15" cx="1947.5" cy="441.9" r="12.5" fill="white"/>
  184.         <circle id="noisy_le_grand_mont_d_est" class="st15" cx="2027.5" cy="441.9" r="12.5" fill="white"/>
  185.         <circle id="noisy_champs" class="st15" cx="2107.5" cy="441.9" r="12.5" fill="white"/>
  186.         <circle id="noisiel" class="st15" cx="2187.5" cy="441.9" r="12.5" fill="white"/>
  187.         <circle id="lognes" class="st15" cx="2267.5" cy="441.9" r="12.5" fill="white"/>
  188.         <circle id="torcy" class="st15" cx="2347.5" cy="441.9" r="12.5" fill="white"/>
  189.         <circle id="bussy_saint_georges" class="st15" cx="2427.5" cy="441.9" r="12.5" fill="white"/>
  190.         <circle id="val_d_europe" class="st15" cx="2507.5" cy="441.9" r="12.5" fill="white"/>
  191.         <circle id="marne_la_vallee_chessy" class="st15" cx="2587.5" cy="441.9" r="12.5" fill="white"/>
  192.         <circle id="fontenay_sous_bois" class="st15" cx="1787.5" cy="666.6" r="12.5" fill="white"/>
  193.         <circle id="nogent_sur_marne" class="st15" cx="1867.5" cy="666.6" r="12.5" fill="white"/>
  194.         <circle id="joinville_le_pont" class="st15" cx="1947.5" cy="666.6" r="12.5" fill="white"/>
  195.         <circle id="saint_maur_creteil" class="st15" cx="2027.5" cy="666.6" r="12.5" fill="white"/>
  196.         <circle id="le_parc_de_saint_maur" class="st15" cx="2107.5" cy="666.6" r="12.5" fill="white"/>
  197.         <circle id="champigny" class="st15" cx="2187.5" cy="666.6" r="12.5" fill="white"/>
  198.         <circle id="la_varenne_chennevieres" class="st15" cx="2267.5" cy="666.6" r="12.5" fill="white"/>
  199.         <circle id="sucy_bonneuil" class="st15" cx="2347.5" cy="666.6" r="12.5" fill="white"/>
  200.         <circle id="boissy_saint_leger" class="st15" cx="2427.5" cy="666.6" r="12.5" fill="white"/>
  201.         <circle id="cergy_le_haut" class="st16" cx="27.5" cy="405.6" r="12.5" fill="white"/>
  202.         <circle id="cergy_saint_christophe" class="st16" cx="107.5" cy="405.6" r="12.5" fill="white"/>
  203.         <circle id="cergy_prefecture" class="st16" cx="187.5" cy="405.6" r="12.5" fill="white"/>
  204.         <circle id="neuville_universite" class="st16" cx="267.5" cy="405.6" r="12.5" fill="white"/>
  205.         <circle id="conflans_fin_d_oise" class="st16" cx="347.5" cy="405.6" r="12.5" fill="white"/>
  206.         <circle id="acheres_ville" class="st16" cx="427.5" cy="405.6" r="12.5" fill="white"/>
  207.         <circle id="poissy" class="st16" cx="507.5" cy="478.2" r="12.5" fill="white"/>
  208.         <circle id="acheres_grand_cornier" class="st16" cx="587.5" cy="478.2" r="12.5" fill="white"/>
  209.         <circle id="maison_laffitte" class="st16" cx="747.5" cy="441.9" r="12.5" fill="white"/>
  210.         <circle id="sartrouville" class="st16" cx="827.5" cy="441.9" r="12.5" fill="white"/>
  211.         <circle id="houilles_carrieres_sur_seine" class="st16" cx="907.5" cy="441.9" r="12.5" fill="white"/>
  212. </svg>
  213. </div>
  214.         <div class=""map__list">
  216. </div>
  217. </div>
  218. </body>
  219. </html>

Reply

Marsh Posté le 12-02-2020 à 12:10:48   

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed