{"id":28978,"date":"2020-11-26T12:00:33","date_gmt":"2020-11-26T11:00:33","guid":{"rendered":"http:\/\/solidarite-handicap.ch\/wordp\/?page_id=28978"},"modified":"2026-05-06T10:52:15","modified_gmt":"2026-05-06T08:52:15","slug":"accueil","status":"publish","type":"page","link":"https:\/\/solidarite-handicap.ch\/wordp\/","title":{"rendered":""},"content":{"rendered":"\n<style>\nbody {\nmin-width: 1200px\n}\n#image{\n  position:absolute;\n  display:none;\n}\n  \/* Relative positioning*\/\n  #wrapper {\n    position: relative;\n    margin: 50px auto 20px auto;\n  }\n\n\n\n.tooltip, .arrow:after {\n  background: white;\n  border: 1px solid black;\n}\n\n.tooltip {\n  pointer-events: none;\n  opacity: 0;\n  display: inline-block;\n  position: absolute;\n  padding: 10px 15px;\n  color: black;\n  border-radius: 10px;\n  margin-top: 12px;\n  text-align: center;\n  font: bold 14px \"Helvetica Neue\", Sans-Serif;\n  font-stretch: condensed;\n  text-decoration: none;\n  text-transform: uppercase;\n  box-shadow: 0 0 5px black;\n}\n.tooltip.active {\n  opacity: 1;\n  margin-top: 5px;\n  transition: all 0.2s ease;\n}\n.tooltip.out {\n  opacity: 0;\n  margin-top: -20px;\n}\n\n.main {\n    height: 670px;\n    width: 1200px;\n    background-image: url(\/wordp\/wp-content\/uploads\/2021\/03\/front-im3.png);\n    background-size: 1200px 670px;\n}\n.animfcpa {\n    \/\/pointer-events: none;\n    width: 138px;\n    height: 195px;\n    background-image: url(\/wordp\/wp-content\/uploads\/2021\/03\/fcpac.png);\n}\n\n.animca {\n    \/\/pointer-events: none;\n    width: 233px;\n    height: 238px;\n    background-image: url(\/wordp\/wp-content\/uploads\/2021\/03\/ca4.png);\n    \/\/background-size: 466px 476px;\n}\n\n.animcat {\n    width: 144px;\n    height: 59px;\n    background-image: url(\/wordp\/wp-content\/uploads\/2021\/03\/cat.png);\n}\n\n.animbird {\n    width: 254px;\n    height: 149px;\n    background-image: url(\/wordp\/wp-content\/uploads\/2021\/03\/oi.png);\n    \/\/background-size: 302px 178px;\n}\n.animdroits {\n    \/\/pointer-events: none;\n    width: 169px;\n    height: 120px;\n    background-image: url(\/wordp\/wp-content\/uploads\/2021\/03\/droits3.png);\n}\n\n.animpousse {\n    \/\/pointer-events: none;\n    width: 90px;\n    height: 95px;\n    background-image: url(\/wordp\/wp-content\/uploads\/2021\/03\/pousse.png);\n    \/\/background-size: 466px 476px;\n}\n\n.animel {\n    \/\/pointer-events: none;\n    width: 157px;\n    height: 161px;\n    background-image: url(\/wordp\/wp-content\/uploads\/2021\/03\/el.png);\n    background-size: 157px 161px;\n}\n\n.animculture {\n    \/\/pointer-events: none;\n    width: 164px;\n    height: 170px;\n    background-image: url(\/wordp\/wp-content\/uploads\/2021\/03\/musee1.png);\n    \/\/background-repeat: no-repeat;\n}\n\n\n.animassoc {\n    \/\/pointer-events: none;\n    width: 176px;\n    height: 148px;\n    background-image: url(\/wordp\/wp-content\/uploads\/2021\/03\/stand2.png);\n    background-size: 176px 148px;\n}\n\n.anim-couleur {\n  display: none;\n  width: 1200px;\n  height: 670px;\nbackground-size: 1200px 670px;\n  \/\/background-image: url(\/wordp\/wp-content\/uploads\/2020\/12\/anim-color.png);\n  \/\/background-image: url(\/wordp\/wp-content\/uploads\/2020\/12\/anim-fc.png);\n}\n\n\n.panneau {\n  width: 96px;\n  height: 146px;\n  \/\/background-image: url(\/wordp\/wp-content\/uploads\/2020\/12\/panneau-info.png);\n  background-size: 96px 146px;\n}\n\n<\/style>\n<div id=\"wrapper\">\n\n<div class=\"main\">\n<div style=\"position:absolute;left:0px;top:0px;width:1044px;height:583px\"><div class=\"anim-couleur\"><\/div><\/div>\n\n<a href=\"\/wordp\/liste-des-cours-fcpa\"><div class=\"fcpa2\" style=\"position:absolute;left:7px;top:420px;width:138px;height:195px\" data-xpos=\"10\" data-ypos=\"340\" data-tooltip=\"Envie d'apprendre ?\"><div class=\"animfcpa\"><\/div><\/div><\/a>\n\n<a href=\"\/wordp\/centre-aere\"><div class=\"ca2\" style=\"position:absolute;left:191px;top:410px;width:233px;height:238px\" data-xpos=\"210\" data-ypos=\"340\" data-tooltip=\"Que fais-tu pendant les vacances ?\"><div class=\"animca\"><\/div><\/div><\/a>\n\n<a href=\"\/wordp\/espace-libre\"><div class=\"el2\" style=\"position:absolute;left:790px;top:500px;width:157px;height:161px\" data-xpos=\"780\" data-ypos=\"440\" data-tooltip=\"Que faites-vous ce week-end ?\"><div class=\"animel\"><\/div><\/div><\/a>\n\n<a href=\"\/wordp\/droits\"><div class=\"droits2\" style=\"position:absolute;left:545px;top:245px;width:169px;height:120px\" data-xpos=\"518\" data-ypos=\"176\" data-tooltip=\"Quels sont vos droits ?\"><div class=\"animdroits\"><\/div><\/div><\/a>\n<!-- barriere -->\n<div style=\"position:absolute;left:495px;top:295px;width:344px;height:67px;background-image: url(\/wordp\/wp-content\/uploads\/2021\/03\/barriere.png);background-size: 344px 67px;\"><\/div>\n\n<a href=\"\/wordp\/droits\"><div class=\"droits2\" style=\"position:absolute;left:495px;top:294px;width:144px;height:59px\" data-xpos=\"518\" data-ypos=\"176\" data-tooltip=\"Quels sont vos droits ?\"><div class=\"animcat\"><\/div><\/div><\/a>\n\n<div style=\"position:absolute;left:35px;top:50px;width:254px;height:149px\"><div class=\"animbird\"><\/div><\/div>\n\n<a href=\"\/wordp\/contact\"><div class=\"assoc2\" style=\"position:absolute;left:592px;top:390px;width:176px;height:148px\" data-xpos=\"582\" data-ypos=\"340\" data-tooltip=\"D\u00e9couvrez notre association\"><div class=\"animassoc\"><\/div><\/div><\/a>\n\n<a href=\"\/wordp\/sorties-culturelles\"><div class=\"sc2\" style=\"position:absolute;left:970px;top:210px;width:234px;height:400px\" data-xpos=\"928\" data-ypos=\"277\" data-tooltip=\"Une envie de culture ?\"><\/div><\/a>\n\n<a href=\"\/wordp\/sorties-culturelles\"><div class=\"sc2\" style=\"position:absolute;left:970px;top:210px;width:164px;height:170px\" data-xpos=\"928\" data-ypos=\"277\" data-tooltip=\"Une envie de culture ?\"><div class=\"animculture\" style=\"position:relative;left:68px;top:253px;\"><\/div><\/div><\/a>\n\n<a href=\"#\"><div class=\"fcpa-panneau\" style=\"position:absolute;left:498px;top:395px;width:70px;height:170px\" data-xpos=\"460\" data-ypos=\"350\" data-tooltip=\"Explorez le quartier!\"><div class=\"panneau\"><\/div><\/div><\/a><\/div>\n<!-- the tooltip for various sections -->\n<div id=\"toolt\" class=\"tooltip\"><\/div>\n<\/div>\n\n<!--<a href=\"\/wordp\/liste-des-cours-fcpa\/\"><img decoding=\"async\" src=\"\/wordp\/wp-content\/uploads\/2021\/09\/pub-fcpab.png\" id=\"pub\" alt=\"Nouveau programme FCPA\" title=\"Programme FCPA\" style=\"position:absolute;top:40px;left:150px;width:146px;height:174px;\"><\/a>-->\n\n<!--<a href=\"\/wordp\/sorties-culturelles\/les-sorties-culturelles\/\"><img decoding=\"async\" src=\"\/wordp\/wp-content\/uploads\/2026\/03\/accroche-sc-1.png\" id=\"pub\" alt=\"Inscriptions Sorties Culturelles\" title=\"Inscriptions \" style=\"position:absolute;top:40px;left:300px;width:210px;height:206px;\"><\/a>-->\n\n<!--<a href=\"\/ca\"><img decoding=\"async\" src=\"\/wordp\/wp-content\/uploads\/2022\/03\/pub-ca22.png\" id=\"pub\" alt=\"Inscriptions Centre A\u00e9r\u00e9\" title=\"Inscriptions Centre A\u00e9r\u00e9\" style=\"position:absolute;top:20px;left:130px;width:166px;height:186px;\"><\/a>-->\n\n<script>\njQuery(document).ready(function($) {\n  $(\".animfcpa\").animateSprite({\n    fps: 5,\n    animations: {\n        walkRight: [0, 1, 2, 3, 4, 3, 2, 1]\n    },\n    loop: true,\n    complete: function(){\n        \/\/ use complete only when you set animations with 'loop: false'\n        alert(\"animation End\");\n    }\n  });\n$(\".animel\").animateSprite({\n    fps: 6,\n    animations: {\n        walkRight: [0]\n    },\n    loop: true,\n    complete: function(){\n        \/\/ use complete only when you set animations with 'loop: false'\n        alert(\"animation End\");\n    }\n  });\n$(\".animca\").animateSprite({\n    fps: 6,\n    animations: {\n        walkRight: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 10, 9, 8, 7, 6, 5, 4, 3, 2, 1]\n    },\n    loop: true,\n    complete: function(){\n        \/\/ use complete only when you set animations with 'loop: false'\n        alert(\"animation End\");\n    }\n  });\n$(\".animdroits\").animateSprite({\n    fps: 6,\n    animations: {\n        walkRight: [0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20, 21,22,23,24,25]\n    },\n    loop: true,\n    complete: function(){\n        \/\/ use complete only when you set animations with 'loop: false'\n        alert(\"animation End\");\n    }\n  });\n$(\".animcat\").animateSprite({\n    fps: 6,\n    animations: {\n        walkRight: [0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,17,16,17,18,19,20, 21,22,23,24,25]\n    },\n    loop: true,\n    complete: function(){\n        \/\/ use complete only when you set animations with 'loop: false'\n        alert(\"animation End\");\n    }\n  });\n$(\".animbird\").animateSprite({\n    fps: 6,\n    animations: {\n        walkRight: [0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17]\n    },\n    loop: true,\n    complete: function(){\n        \/\/ use complete only when you set animations with 'loop: false'\n        alert(\"animation End\");\n    }\n  });\n$(\".animassoc\").animateSprite({\n    fps: 6,\n    animations: {\n        walkRight: [0]\n    },\n    loop: true,\n    complete: function(){\n        \/\/ use complete only when you set animations with 'loop: false'\n        alert(\"animation End\");\n    }\n  }); \n$(\".animculture\").animateSprite({\n    fps: 6,\n    animations: {\n        walkRight: [0,1,2,3,4,5,6,6,6,6,6,5,4,3,2,1,0,0,0]\n    },\n    loop: true,\n    complete: function(){\n        \/\/ use complete only when you set animations with 'loop: false'\n        alert(\"animation End\");\n    }\n  }); \nvar timer = 2;\nvar timeFunc = null;\nfunction myTimer() {\n    if (timer > 6) {\n       timer = 1;\n    }\n    if (timer == 1) {\n           $(\".anim-couleur\").css( \"background-image\", \"url(\/wordp\/wp-content\/uploads\/2021\/03\/anim-fc1.png)\" );\n}\n    if (timer == 2) {\n           $(\".anim-couleur\").css( \"background-image\", \"url(\/wordp\/wp-content\/uploads\/2021\/03\/anim-ca1.png)\" );\n}\n    if (timer == 3) {\n           $(\".anim-couleur\").css( \"background-image\", \"url(\/wordp\/wp-content\/uploads\/2021\/03\/anim-el1.png)\" );\n}\n   if (timer == 4) {\n           $(\".anim-couleur\").css( \"background-image\", \"url(\/wordp\/wp-content\/uploads\/2021\/03\/anim-sc1.png)\" );\n}\nif (timer == 5) {\n           $(\".anim-couleur\").css( \"background-image\", \"url(\/wordp\/wp-content\/uploads\/2021\/03\/anim-assoc1.png)\" );\n}\nif (timer == 6) {\n           $(\".anim-couleur\").css( \"background-image\", \"url(\/wordp\/wp-content\/uploads\/2021\/03\/anim-droits1.png)\" );\n}\n     timer++;\n}\n\n  $(\".fcpa-panneau\").mouseenter(function(){\n            $(\".anim-couleur\").css('display', 'block');\n            \/\/$(this).children().first().css( \"background-image\", \"url(\/wordp\/wp-content\/uploads\/2020\/11\/panneau.png)\" );\n            $(\".anim-couleur\").css( \"background-image\", \"url(\/wordp\/wp-content\/uploads\/2021\/03\/anim-fc1.png)\" );\n            timeFunc = setInterval(myTimer,1000);\n            $('#toolt').html($(this).data(\"tooltip\"));\n            $('#toolt').css('left', $(this).data(\"xpos\") + 'px');\n            $('#toolt').css('top', $(this).data(\"ypos\") + 'px');\n            $('#toolt').addClass(\"active\");\n  });\n\n  $(\".fcpa-panneau\").mouseout(function(){\n            $(\".anim-couleur\").css('display', 'none');\n            timer = 2\n            clearInterval(timeFunc);\n            \/\/$(this).children().first().css( \"background-image\", \"url(\/wordp\/wp-content\/uploads\/2020\/12\/panneau-info.png)\" );\n  });\n  $(\".fcpa2\").mouseenter(function(){\n            $(\".animfcpa\").animateSprite('play');\n            $(\".animcat\").animateSprite('play');\n            $('#toolt').html($(this).data(\"tooltip\"));\n            $('#toolt').css('left', $(this).data(\"xpos\") + 'px');\n            $('#toolt').css('top', $(this).data(\"ypos\") + 'px');\n            $('#toolt').addClass(\"active\");\n  });\n  $(\".ca2\").mouseenter(function(){\n            $(\".animca\").animateSprite('play');\n            $('#toolt').html($(this).data(\"tooltip\"));\n            $('#toolt').css('left', $(this).data(\"xpos\") + 'px');\n            $('#toolt').css('top', $(this).data(\"ypos\") + 'px');\n            $('#toolt').addClass(\"active\");\n  });\n  $(\".droits2\").mouseenter(function(){\n            $(\".animdroits\").animateSprite('play');\n            $('#toolt').html($(this).data(\"tooltip\"));\n            $('#toolt').css('left', $(this).data(\"xpos\") + 'px');\n            $('#toolt').css('top', $(this).data(\"ypos\") + 'px');\n            $('#toolt').addClass(\"active\");\n  });\n  $(\".sc2\").mouseenter(function(){\n            $(\".animculture\").animateSprite('play');\n            $('#toolt').html($(this).data(\"tooltip\"));\n            $('#toolt').css('left', $(this).data(\"xpos\") + 'px');\n            $('#toolt').css('top', $(this).data(\"ypos\") + 'px');\n            $('#toolt').addClass(\"active\");\n  });\n  $(\".el2\").mouseenter(function(){\n            $(\".animbird\").animateSprite('play');\n            $(\".animel\").animateSprite('play');\n            $('#toolt').html($(this).data(\"tooltip\"));\n            $('#toolt').css('left', $(this).data(\"xpos\") + 'px');\n            $('#toolt').css('top', $(this).data(\"ypos\") + 'px');\n            $('#toolt').addClass(\"active\");\n  });\n  $(\".assoc2\").mouseenter(function(){\n            \/\/$(\".animassoc\").animateSprite('play');\n            $('#toolt').html($(this).data(\"tooltip\"));\n            $('#toolt').css('left', $(this).data(\"xpos\") + 'px');\n            $('#toolt').css('top', $(this).data(\"ypos\") + 'px');\n            $('#toolt').addClass(\"active\");\n  });\n  $(\".fcpa2\").mouseout(function(e) {\n            $(\".animfcpa\").animateSprite('stop');\n            $(\".animcat\").animateSprite('stop');\n  });\n  $(\".ca2\").mouseout(function(e) {\n            $(\".animca\").animateSprite('stop');\n  });\n  $(\".el2\").mouseout(function(e) {\n            $(\".animbird\").animateSprite('stop');\n            $(\".animel\").animateSprite('stop');\n  });\n  $(\".droits2\").mouseout(function(e) {\n            $(\".animdroits\").animateSprite('stop');\n  });\n  $(\".sc2\").mouseout(function(e) {\n            $(\".animculture\").animateSprite('stop');\n  });\n  $(\".assoc2\").mouseout(function(e) {\n        $(\".animassoc\").animateSprite('stop');\n  });\n    \/\/ set the wrapper width and height to match the img size\n  $('#wrapper').css({'width':$('#wrapper img').width(),\n                      'height':$('#wrapper img').height()\n  })\nfunction stopAnim() {\n    jQuery(\".animfcpa\").animateSprite('stop');\n    jQuery(\".animbird\").animateSprite('stop');\n    jQuery(\".animca\").animateSprite('stop');\n    jQuery(\".animcat\").animateSprite('stop');\n    jQuery(\".animdroits\").animateSprite('stop');\n    jQuery(\".animel\").animateSprite('stop');\n    jQuery(\".animculture\").animateSprite('stop');\n}\nsetTimeout(stopAnim, 100);\n});\n<\/script>\n\n\n\n<p><\/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":{"footnotes":""},"class_list":["post-28978","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/solidarite-handicap.ch\/wordp\/wp-json\/wp\/v2\/pages\/28978","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/solidarite-handicap.ch\/wordp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/solidarite-handicap.ch\/wordp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/solidarite-handicap.ch\/wordp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/solidarite-handicap.ch\/wordp\/wp-json\/wp\/v2\/comments?post=28978"}],"version-history":[{"count":456,"href":"https:\/\/solidarite-handicap.ch\/wordp\/wp-json\/wp\/v2\/pages\/28978\/revisions"}],"predecessor-version":[{"id":32560,"href":"https:\/\/solidarite-handicap.ch\/wordp\/wp-json\/wp\/v2\/pages\/28978\/revisions\/32560"}],"wp:attachment":[{"href":"https:\/\/solidarite-handicap.ch\/wordp\/wp-json\/wp\/v2\/media?parent=28978"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}