+100 +100 reset

<svg width="450" height="500" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect x="0" y="0" width="500" height="500" id="fond" fill="#9c5c8c"/>
<g>
<g>
<rect x="100" y="100" width="50" height="50" id="cobaye"fill=" #000000"/>
<animateTransform attributeName="transform" type="translate" values="100" begin="bou1.mousedown" dur="0s"/>
<animateTransform attributeName="transform" type="translate" values="0" begin="bou3.mousedown" dur="0s"/>
</g>
<animateTransform attributeName="transform" type="translate" values="100" begin="bou2.mousedown" dur="0s"/>
<animateTransform attributeName="transform" type="translate" values="0" begin="bou3.mousedown" dur="0s"/>
</g>
<rect x="100" y="350" width="50" height="50" id="bou1" fill="#ffffff"/>
<rect x="200" y="350" width="50" height="50" id="bou2" fill="#ffffff"/>
<rect x="300" y="350" width="50" height="50" id="bou3" fill="#555555">
<animate attributeName="fill" values="444444;484848;444444" begin="0s" dur="0.5s" repeatcount="indefinite"/>
</rect>

</svg>