CINXE.COM

<!DOCTYPE html> <html lang="fr"> <head>    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-KT653JD');</script>   <script class="optanon-category-C0001"> var _mtm = window._mtm = window._mtm || []; _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'}); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src='https://cdn.matomo.cloud/hi.matomo.cloud/container_SyEFch5L.js'; s.parentNode.insertBefore(g,s); </script>  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Urgences humanitaires | Handicap International - Humanité et Inclusion | Handicap International CH</title> <meta name="description" content="Handicap International intervient en urgence dans des situations de crise, qu’elles soient liées à des catastrophes naturelles ou à des conflits armés. L’association s’est donnée les moyens d’intervenir aujourd’hui dès les 72 premières heures d’une crise majeure." /> <meta name="keywords" content="urgence, humanitaire, handicap international, catastrophes naturelles, épidémies, conflits , ong" /> <meta name="generator" content="Handicap International" /> <meta name="robots" content="index, follow">  <meta name="DC.title" content="" /> <meta name="geo.region" content="" /> <meta name="geo.placename" content="" /> <meta name="geo.position" content="" /> <meta name="ICBM" content="" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Urgences humanitaires | Handicap International - Humanité et Inclusion " /> <meta property="og:description" content="Handicap International intervient en urgence dans des situations de crise, qu’elles soient liées à des catastrophes naturelles ou à des conflits armés. L’association s’est donnée les moyens d’intervenir aujourd’hui dès les 72 premières heures d’une crise majeure." /> <meta property="og:url" content="https://www.handicap-international.ch/fr/nos-champs-d-action/urgences-humanitaires" /> <meta property="og:image" content="https://www.handicap-international.ch/sn_uploads/fck/Urgence.jpg" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:site" content="https://www.handicap-international.ch/fr/nos-champs-d-action/urgences-humanitaires" /> <meta name="twitter:title" content="Urgences humanitaires | Handicap International - Humanité et Inclusion " /> <meta name="twitter:description" content="Handicap International intervient en urgence dans des situations de crise, qu’elles soient liées à des catastrophes naturelles ou à des conflits armés. L’association s’est donnée les moyens d’intervenir aujourd’hui dès les 72 premières heures d’une crise majeure." /> <meta name="twitter:image" content="https://www.handicap-international.ch/sn_uploads/fck/Urgence.jpg" /> <meta name="sednove_lg" content="fr"> <meta name="sednove_uid" content="57165"> <meta name="sednove_url" content="https://www.handicap-international.ch/fr/nos-champs-d-action/urgences-humanitaires"> <meta name="sednove_date" content="2024-11-26"> <link rel="canonical" href="https://www.handicap-international.ch/fr/nos-champs-d-action/urgences-humanitaires" > <link hreflang="fr-CA" rel="alternate" href="https://www.hi-canada.org/fr/urgence" /> <link hreflang="en-CA" rel="alternate" href="https://www.hi-canada.org/en/emergencies" /> <link hreflang="fr" rel="alternate" href="https://www.hi.org/fr/agir-dans-les-contextes-d-urgence" /> <link hreflang="en" rel="alternate" href="https://www.hi.org/en/emergency-response" /> <link hreflang="en-GB" rel="alternate" href="https://www.humanity-inclusion.org.uk/en/action/emergencies" /> <link hreflang="de-DE" rel="alternate" href="https://www.handicap-international.de/de/nothilfe" /> <link hreflang="en-US" rel="alternate" href="https://www.hi-us.org/en/action/emergencies" /> <link hreflang="fr-FR" rel="alternate" href="https://www.handicap-international.fr/fr/urgence" /> <link hreflang="fr-BE" rel="alternate" href="https://www.handicapinternational.be/fr/urgences" /> <link hreflang="nl-BE" rel="alternate" href="https://www.handicapinternational.be/nl/noodhulp" /> <link hreflang="fr-LU" rel="alternate" href="https://www.handicap-international.lu/fr/aide-d-urgence-aux-populations-victimes-de-crises-et-de-catastrophes-naturelles" /> <link hreflang="de-AT" rel="alternate" href="https://www.handicap-international.at/de/nothilfe" /> <link hreflang="fr-CH" rel="alternate" href="https://www.handicap-international.ch/fr/nos-champs-d-action/urgences-humanitaires" /> <link hreflang="de-CH" rel="alternate" href="https://www.handicap-international.ch/de/unsere-handlungsfelder/humanitare-nothilfe" /> <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script> <script>window.jQuery || document.write('<script src="/extenso/module/sed/core/js/jquery-3.5.1.min.js">\x3C/script>')</script> <script type="text/javascript" src="/fr/assets/js/sed_site.js"></script> <link href="/fr/assets/css/sed_site.css" rel="stylesheet"> <style type="text/css"> .sn-element[data-sn-id="10650"] { z-index: 999;} .sn-element[data-sn-id="10652"] { margin-top: 0px; padding-top: 0px; max-width: 300px;} .spacer_header{ height:104px} @media(max-width:1199px){ .spacer_header{ height:89px } } .sn-element[data-sn-id="4439"] { margin-left: auto; margin-right: auto;} #widget_donate{ padding:15px 0;} @media(min-width:991px){ #widget_donate{ padding:50px 0 0; height:120px; z-index:56; } } .sn-element[data-sn-id="9d9c1f9fb9094194987e2b8590dca73b"] { z-index: 55; background-color: #0077c8;} .sn-element[data-sn-id="4497"] { z-index: 4;} .sn-element[data-sn-id="5f75b98647954d01b4d5b657f5442ef9"] { padding-left: 0px; padding-right: 0px;} .sn-element[data-sn-id="db7bfbef19ad4860a579f455ff29d1f1"] h1,.sn-element[data-sn-id="db7bfbef19ad4860a579f455ff29d1f1"] h2,.sn-element[data-sn-id="db7bfbef19ad4860a579f455ff29d1f1"] h3,.sn-element[data-sn-id="db7bfbef19ad4860a579f455ff29d1f1"] h4,.sn-element[data-sn-id="db7bfbef19ad4860a579f455ff29d1f1"] h5,.sn-element[data-sn-id="db7bfbef19ad4860a579f455ff29d1f1"] h6{ color: #ffffff;} .sn-element[data-sn-id="db7bfbef19ad4860a579f455ff29d1f1"] { margin-top: 40px; background-color: #0077c8; color: #ffffff;} .sn-element[data-sn-id="c6f5caca6ed141fd8e620a206d2613b5"] { background-color: #002e43;} .sn-element[data-sn-id="c110e62407704deca96029ef7262bb8f"] { margin-top: 20px;} [data-sn-id="4426"] a:not(.btn) { color: #ffffff;} .sn-element[data-sn-id="4426"] { padding-top: 10px;} .sn-element[data-sn-id="4428"] { padding-top: 10px;} [data-sn-id="4499"] a:not(.btn) { color: #ffffff;} [data-sn-id="4499"] a:not(.btn):hover { color: #d34607;} .sn-element[data-sn-id="4499"] { margin-bottom: 15px;} [data-sn-id="4436"] a:not(.btn) { color: #ffffff;} [data-sn-id="4436"] a:not(.btn):hover { color: #d34607;} .sn-element[data-sn-id="4436"] { margin-bottom: 15px;} .sn-element[data-sn-id="10659"] { padding-top: 15px; padding-bottom: 15px;} @import url('https://fonts.googleapis.com/css?family=Bitter'); .usine_donate_now .donate_header { max-width: 250px; margin: 0 0 10px; color: #fff; font-weight: bold; line-height: 1.2em; background: #d34607; padding: 20px 10px 25px 10px; text-align: center; border: 5px solid #fff; } .usine_donate_now .size-md{ font-size:26px; } .usine_donate_now .donate_header a { color: #fff; } .usine_donate_now .donate_header a strong{ font-size: 26px; text-transform:uppercase; margin:10px 0; line-height:.7; display:block; } .usine_donate_now .donate_header p { color: #000; font-weight: normal; } .usine_donate_now .donate_header #donate_result p { margin-top: 15px; } .usine_donate_now .donate_header .fa{ font-size: 36px; font-weight: inherit; vertical-align:middle; } .usine_donate_now .donate_header .form { margin-top: 30px; } .usine_donate_now .donate_header .form .amount_detail{ color: #d34607; background: #fff; padding: 12px 6px; border-radius: 5px; font-size:21px; } @media(max-width:1199px) AND (min-width:992px){ .usine_donate_now .donate_header .form .amount_detail{ font-size:17px; } } .usine_donate_now .donate_header .form .radio_f{ cursor:pointer; display:block; } .usine_donate_now .donate_header .form .radio_f:last-child{ padding-right:0; } .usine_donate_now .donate_header .form .radio_f input:checked + .amount_detail{ color: #fff; background: #d2492A ; position: relative; } .usine_donate_now .donate_header .form .radio_f input:checked + .amount_detail:before { position: absolute; content: ''; width: 0; height: 0; top:0; left:50%; transform:translate(-50%,0); border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #d34607; } .usine_donate_now .donate_header .form .other_amount input{ border: none; width: 80%; font-weight: normal; } .usine_donate_now .donate_header .form .other_amount input:focus{ outline: 0; } .usine_donate_now .donate_header .donate_btn { font-size:24px; color: #fff; background: #d2492A ; padding: 12px; border: none; border-radius: 5px; margin-top: 20px; margin-bottom: 10px; position: relative; font-weight:bold; } .usine_donate_now .donate_header .donate_btn:after{ position: absolute; content: '\f105'; font-family: "Font Awesome 5 Pro"; font-size: 1.5em; right: 20px; } @media screen and (max-width: 992px){ .usine_donate_now{ background: #d34607; text-align: center; } .usine_donate_now .donate_header { margin: auto; padding: 10px 10px 10px 10px; border: none; } .usine_donate_now .donate_header .mobile_icon img { width: 26px; vertical-align:unset; } } /*donate urgent*/ .usine_donate_urgent{ margin:0 -15px; background:#bf2100; } .usine_donate_urgent .w_height{ min-height:116px; } .usine_donate_urgent .widget_label{ font-family: 'Bitter', serif; color:#FFF; font-size:30px; text-shadow: 3px 3px 3px rgba(0,0,0,0.3); font-style:italic; } .usine_donate_urgent .w_height > *{ padding-right:10px; } .usine_donate_urgent .w_height > *:last-child{ padding-right:0; } .usine_donate_urgent form fieldset > *, .usine_donate_urgent form > *{ display:inline-block; vertical-align:middle; margin:2px 0; } .usine_donate_urgent form fieldset > label{ margin:0; } .usine_donate_urgent form fieldset > label > .amount_detail{ width: 63px; color: #8e0000; background:#FFF; font-size:20px; font-weight:bold; padding: 9px 0; text-align: center; border-radius:6px; cursor:pointer; } .usine_donate_urgent form fieldset > label > input:checked + .amount_detail{ background:#8e0000; color:#FFF; position:relative; } .usine_donate_urgent form fieldset > label > input:checked + .amount_detail:before{ position:absolute; top:0; left:50%; transform:translateX(-50%); content:''; border-left:7px transparent solid; border-top:6px #bf2100 solid; border-right:7px transparent solid; } .usine_donate_urgent .amount_detail .input-group{ max-width:190px; } .usine_donate_urgent .amount_detail input{ padding-right:0; box-shadow:none; border-right:none; } .usine_donate_urgent .amount_detail input:focus + .input-group-addon{ border-color: #66afe9; } .usine_donate_urgent .amount_detail .input-group-addon{ border-left:0; background:#FFF; color:#8e0000; font-weight:bold; border-top-right-radius:6px; border-bottom-right-radius:6px; } .usine_donate_urgent .donate_btn{ background:#8e1600; color:#FFF; font-weight:bold; font-size:27px; display:inline-block; padding:4px 30px; position:relative; white-space:nowrap; border-top-right-radius:4px; border-bottom-right-radius:4px; } .usine_donate_urgent .donate_btn:after{ content: "\f105"; display: block; font-family: "Font Awesome 5 Pro"; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position:absolute; right:10px; top:50%; transform:translateY(-50%); } .usine_donate_urgent .donate_btn:before{ content:''; background:url(/sn_uploads/widgets/hand_red2.png) center bottom no-repeat; background-size:auto 100%; height:120%; width:60px; position:absolute; right: 100%; bottom:0; transform:translateX(46%); } .usine_donate_urgent .dcell_form .help-block{ color:#FFF; font-weight:bold; } @media (max-width:767px){ .usine_donate_urgent .w_height, .usine_donate_urgent .w_height > *{ display:block; } .usine_donate_urgent .w_height > *{ padding:10px 0; text-align:center; } .usine_donate_urgent .w_height .dcell_form{ padding:0; } .usine_donate_now .donate_header a{ text-decoration:none; vertical-align:text-top; } .usine_donate_now .donate_header a strong{ display:inline-block; margin:0; } .usine_donate_now .donate_header .fa{ vertical-align:unset; } .usine_donate_now .donate_header{ max-width:initial; } .usine_donate_now{ margin:0 -15px; } } .country_page_header .dcell h2 { white-space: nowrap; } .country_page_header .dcell{ vertical-align: bottom; } .country_page_header .dcell.more_link { padding-bottom: 10px; text-align: right; } .country_page_header .dcell.more_link a { color: #0077c8; } .country_page_header .dcell.more_link .fa { font-size: 2em; vertical-align: middle; padding-left: 5px; } .lastest_story_detail .tag { color: #0077c8; white-space: nowrap; font-family: inherit; margin-left: 5px; padding-left: 5px; border-left: 1px solid #d6dee4; } .lastest_story_detail .tag:first-of-type { margin-left: 0; padding-left: 0; border-left: 0; } .lastest_story_detail .col{ margin-bottom:30px; } @media screen and (max-width:767px){ .lastest_story_detail .news_title{ min-height:initial; } .country_page_header .dtable, .country_page_header .dcell { display: block; } .country_page_header .dcell.more_link { text-align: left; } } #sn_widget_4428 h1, #sn_widget_4428 h2, #sn_widget_4428 h3, #sn_widget_4428 h4, #sn_widget_4428 h5, #sn_widget_4428 h6, #sn_widget_4428 p{ font-size : 25px; color : #d34607; } #sn_widget_4499 .btn-alignment{ justify-content : flex-start;} #sn_widget_4499 .btn-style { background-color : #002e43; color : #ffffff; font-size : 16px; font-weight : bold;} #sn_widget_4499 .btn-style:hover{ color : #e35205; } #sn_widget_4499 .btn-icon{ margin : 0px 5px 0px 0px; } #sn_widget_4436 .btn-alignment{ justify-content : flex-start;} #sn_widget_4436 .btn-style { background-color : #002e43; color : #ffffff; font-size : 16px; font-weight : bold;} #sn_widget_4436 .btn-style:hover{ color : #e35205; } #sn_widget_4436 .btn-icon{ margin : 0px 5px 0px 0px; } #sn_widget_11090 .service-img{ border : 0px ; border-radius : 0px 0 0 0; margin : 0px; } #sn_widget_10659 .w_horizontal_menu_one_level > .menu_list{ justify-content : center;align-items : center;flex-flow : row;} #sn_widget_10659 .level-1{ margin : 0px 5px 0px 5px; } #sn_widget_10659 .link-level-1{ color : #ffffff; transition : all .3s cubic-bezier(.3,0,.2,1);} @media(max-width:767px){ #sn_widget_10659 .w_horizontal_menu_one_level > .menu_list{ justify-content : center;align-items : center;flex-flow : column;} } #sn_widget_13738 .wdg_spacer{ height : 20px; } @media (max-width: 575px){ #sn_widget_13739 h1, #sn_widget_13739 h2, #sn_widget_13739 h3, #sn_widget_13739 h4, #sn_widget_13739 h5, #sn_widget_13739 h6, #sn_widget_13739 p{ font-size : 35px; } } #sn_widget_13740 li::marker{ content : ; font-family: 'Font Awesome 5 Pro';; } #sn_widget_13742 li::marker{ content : ; font-family: 'Font Awesome 5 Pro';; } #sn_widget_14187 .panel-title{ font-size : 130%; color : #ffffff; padding : 15px; } #sn_widget_14187 .icon_container{ color : #ffffff; margin : 0px 0px 0px 20px; } #sn_widget_14187 .accordion{ margin : 0px 0px 15px 0px; border-color : #0077c8; } #sn_widget_14187 .panel-heading{ background-color : #0077c8; border-color : #0077c8; border-style : solid;border-top-width : 1px; border-bottom-width : 1px; border-left-width : 1px; border-right-width : 1px; } #sn_widget_14187 .panel-heading.active_panel_clk{ background-color : #0077c8; border-color : #0077c8; } #sn_widget_14187 .panel-heading.active_panel_clk .panel-title{ color : #f0f0f0; } #sn_widget_14187 .panel-heading.active_panel_clk .panel-title .icon.fa-minus{ color : #ffffff; } #sn_widget_14187 .panel-body{ background-color : #edc8a3; padding : 15px; } #sn_widget_13774 .panel-title{ font-size : 130%; color : #ffffff; padding : 15px; } #sn_widget_13774 .icon_container{ color : #ffffff; margin : 0px 0px 0px 20px; } #sn_widget_13774 .accordion{ margin : 0px 0px 15px 0px; } #sn_widget_13774 .panel-heading{ background-color : #0077c8; border-color : #0077c8; border-style : solid;border-top-width : 1px; border-bottom-width : 1px; border-left-width : 1px; border-right-width : 1px; } #sn_widget_13774 .panel-heading.active_panel_clk{ background-color : #0077c8; border-color : #0077c8; } #sn_widget_13774 .panel-heading.active_panel_clk .panel-title{ color : #f0f0f0; } #sn_widget_13774 .panel-heading.active_panel_clk .panel-title .icon.fa-minus{ color : #ffffff; } #sn_widget_13774 .panel-body{ background-color : #edc8a3; padding : 15px; } #sn_widget_13775 .panel-title{ font-size : 130%; color : #ffffff; padding : 15px; } #sn_widget_13775 .icon_container{ color : #ffffff; margin : 0px 0px 0px 20px; } #sn_widget_13775 .accordion{ margin : 0px 0px 15px 0px; } #sn_widget_13775 .panel-heading{ background-color : #0077c8; border-color : #0077c8; border-style : solid;border-top-width : 1px; border-bottom-width : 1px; border-left-width : 1px; border-right-width : 1px; } #sn_widget_13775 .panel-heading.active_panel_clk{ background-color : #0077c8; border-color : #0077c8; } #sn_widget_13775 .panel-heading.active_panel_clk .panel-title{ color : #f0f0f0; } #sn_widget_13775 .panel-heading.active_panel_clk .panel-title .icon.fa-minus{ color : #ffffff; } #sn_widget_13775 .panel-body{ background-color : #edc8a3; padding : 15px; } #sn_widget_13776 .panel-title{ font-size : 130%; color : #ffffff; padding : 15px; } #sn_widget_13776 .icon_container{ color : #ffffff; margin : 0px 0px 0px 20px; } #sn_widget_13776 .accordion{ margin : 0px 0px 15px 0px; } #sn_widget_13776 .panel-heading{ background-color : #0077c8; border-color : #0077c8; border-style : solid;border-top-width : 1px; border-bottom-width : 1px; border-left-width : 1px; border-right-width : 1px; } #sn_widget_13776 .panel-heading.active_panel_clk{ background-color : #0077c8; border-color : #0077c8; } #sn_widget_13776 .panel-heading.active_panel_clk .panel-title{ color : #f0f0f0; } #sn_widget_13776 .panel-heading.active_panel_clk .panel-title .icon.fa-minus{ color : #ffffff; } #sn_widget_13776 .panel-body{ background-color : #edc8a3; padding : 15px; } #sn_widget_13746 .wdg_spacer{ height : 20px; } #sn_widget_13747 .sed_button{ text-align : center;} #sn_widget_13749 .wdg_spacer{ height : 20px; } #sn_widget_13751 li::marker{ content : ; font-family: 'Font Awesome 5 Pro';; } #sn_widget_13752 li::marker{ content : ; font-family: 'Font Awesome 5 Pro';; } #sn_widget_13753 li::marker{ content : ; font-family: 'Font Awesome 5 Pro';; } #sn_widget_13754 .sed_button{ text-align : center;} #sn_widget_13754 .btn_style { background-color : #e35205; } #sn_widget_13755 li::marker{ content : ; font-family: 'Font Awesome 5 Pro';; } #sn_widget_13756 li::marker{ content : ; font-family: 'Font Awesome 5 Pro';; } #sn_widget_13757 .sed_button{ text-align : center;} #sn_widget_13757 .btn_style { background-color : #e35205; } #sn_widget_13761 li::marker{ content : ; font-family: 'Font Awesome 5 Pro';; } #sn_widget_13762 li::marker{ content : ; font-family: 'Font Awesome 5 Pro';; } #sn_widget_13763 .map{ height : 500px; } #sn_widget_13763 .map_btn{ width : 30px; height : 30px; border : 1px #FFF solid; color : #FFF; } #sn_widget_13763 .map_btn:hover{ background-color : #FFF; color : #004e71; background-color : #FFF; } #sn_widget_13763 .zoom_level{ color : #FFF; font-size : 8px; } #sn_widget_13763 .map_info{ color : #FFF; padding : 75px 15px 15px 40px; } #sn_widget_13763 .country_name{ font-size : 32px; } #sn_widget_13763 .btn_arrow{ color : #FFF; } #sn_widget_13769 li::marker{ content : ; font-family: 'Font Awesome 5 Pro';; } #sn_widget_13770 li::marker{ content : ; font-family: 'Font Awesome 5 Pro';; } #sn_widget_13777 li::marker{ content : ; font-family: 'Font Awesome 5 Pro';; } #sn_widget_13830 li::marker{ content : ; font-family: 'Font Awesome 5 Pro';; } .sn-element[data-sn-id="03601a89-d022-4856-99c5-dcb751f5744c"] { border-style: solid; border-color: #dee2e6; border-width: 1px; margin-top: 0px; padding-top: 0px; min-height: 700px!important; background-color: #000000;} .sn-element[data-sn-id="03601a89-d022-4856-99c5-dcb751f5744c"] > .sn-background-container > .sn-background-image { background-image: url('/sn_uploads/page/Insertion/Urgence.jpg'); opacity: .7; background-repeat: no-repeat; background-size: cover; background-position: center center;} .sn-element[data-sn-id="6e1edc4c-be8a-4b4d-a05a-98252c7e64f3"] { padding-top: 0px;} .sn-element[data-sn-id="c7479b80-7a92-4b61-9e02-8252faecd1ea"] h1,.sn-element[data-sn-id="c7479b80-7a92-4b61-9e02-8252faecd1ea"] h2,.sn-element[data-sn-id="c7479b80-7a92-4b61-9e02-8252faecd1ea"] h3,.sn-element[data-sn-id="c7479b80-7a92-4b61-9e02-8252faecd1ea"] h4,.sn-element[data-sn-id="c7479b80-7a92-4b61-9e02-8252faecd1ea"] h5,.sn-element[data-sn-id="c7479b80-7a92-4b61-9e02-8252faecd1ea"] h6{ color: #ffffff;} .sn-element[data-sn-id="c7479b80-7a92-4b61-9e02-8252faecd1ea"] { border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; margin-left: auto; margin-right: auto; color: #ffffff;} .sn-element[data-sn-id="13739"] { border-style: solid; border-color: #dee2e6; border-width: 0px; margin-top: 50px; margin-left: auto; margin-right: auto; padding-top: 15px; padding-bottom: 0px; padding-right: 0%;} .sn-element[data-sn-id="13740"] { margin-top: 0px; margin-left: auto; margin-right: auto;} .sn-element[data-sn-id="13741"] { margin-left: auto; margin-right: auto; max-width: 150px; min-height: 150px!important;} .sn-element[data-sn-id="690cfb8909bc43598f8169325449e420"] { border-color: #dee2e6; border-width: 0px; padding-top: 20px;} .sn-element[data-sn-id="9ba3d745117447a1a4f6b5a83326bd36"] { border-color: #dee2e6;} .sn-element[data-sn-id="7facad98c76247c08b08906370899d62"] { border-color: #dee2e6; border-width: 0px; border-radius: 12px;} .sn-element[data-sn-id="13747"] { margin-left: 0px; margin-right: auto;} .sn-element[data-sn-id="8ab68f0350af4ec4aa9a6c276ec725a8"] { margin-bottom: 30px; background-color: #0077c8;} .sn-element[data-sn-id="a41221991a9441d5991cdb21e632f62f"] { border-style: solid; border-color: #dee2e6; border-width: 3px; padding-top: 40px; padding-bottom: 40px; padding-left: 20px; padding-right: 20px;} .sn-element[data-sn-id="5d39b47ffbba4146b4529b23e5a20fa1"] { border-style: solid; border-color: #dee2e6; border-width: 3px; padding-top: 40px; padding-bottom: 40px; padding-left: 20px; padding-right: 20px;} .sn-element[data-sn-id="2d7624c8bb4d4f08923c6ae842535893"] { background-color: #0077c8;} .sn-element[data-sn-id="e094bf244e444a4caf5ef35b0a2f53ce"] { background-color: #0077c8;} .sn-element[data-sn-id="434f5b454f9f4892b12443394062c4f8"] { background-color: #e35205;} .sn-element[data-sn-id="7f9cd72b244e42a2ae168b74441a3b7e"] { background-color: #0077c8;} .sn-element[data-sn-id="6342bddc494a48028b8b341e01d8668f"] { padding-top: 3%; padding-bottom: 3%;} .sn-element[data-sn-id="b5b431424a3147b3ba76dc9665ab8086"] h1,.sn-element[data-sn-id="b5b431424a3147b3ba76dc9665ab8086"] h2,.sn-element[data-sn-id="b5b431424a3147b3ba76dc9665ab8086"] h3,.sn-element[data-sn-id="b5b431424a3147b3ba76dc9665ab8086"] h4,.sn-element[data-sn-id="b5b431424a3147b3ba76dc9665ab8086"] h5,.sn-element[data-sn-id="b5b431424a3147b3ba76dc9665ab8086"] h6{ color: #ffffff;} .sn-element[data-sn-id="b5b431424a3147b3ba76dc9665ab8086"] { border-bottom-width: 30; border-bottom-width: 30px; border-bottom-right-radius: 20px; margin-bottom: 30px; color: #ffffff;} .sn-element[data-sn-id="e9c1a1ab74fb4e27adabb0568df516fd"] { padding-left: 0px; padding-right: 0px;} .sn-element[data-sn-id="13772"] { padding-right: 15px;} .sn-element[data-sn-id="90a5a6d175874299adffa91386e45a6a"] { margin-bottom: 50px;} </style> <script> requirejs.config({ paths: { "google": "https://maps.googleapis.com/maps/api/js?key=AIzaSyCL5bNoB7znTiOQZZ5RTeau6JVoe98z-wk", "ace": "//cdnjs.cloudflare.com/ajax/libs/ace/1.4.9/", "slider" : "//cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.15/jquery.bxslider.min", "jquery": "//code.jquery.com/jquery-3.5.1.min", "validate" : "//cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.0/jquery.validate.min", "form": "//malsup.github.io/jquery.form", "owl-carousel2": "//cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/owl.carousel.min", "pinterest" : "//assets.pinterest.com/js/pinit", "share":"//w.sharethis.com/button/buttons", "geocomplete":"//cdnjs.cloudflare.com/ajax/libs/geocomplete/1.7.0/jquery.geocomplete", "clndr":"/js/site_calendar/clndr", "under":"//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.11.0/underscore", "moment":"/js/site_calendar/moment", "js.cookie":"https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min", "touch-punch":"//cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min", "chosen":"/fr/assets/js/chosen" }, shim: { 'geocomplete': ['jquery'], } }); </script> </head> <body class="sed_site_page">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KT653JD" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div class="sn-foreground-color sn-background"></div> <a class="sr-only sr-only-focusable" href="#main" id="top"><span class="sn_pencil" data-sn_uid="849">Goto main content</span></a> <div class="sn-element container hidden-print d-print-none d-print-none " data-sn-type="container" data-sn-id="6833f75d-5db8-4fc7-866d-641ba8037c0d" > <div class="sn-element row " data-sn-type="row" data-sn-id="faac5ce4-6928-42bf-bbdf-fab0f35f024c" > <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 " data-sn-type="column" data-sn-id="9f3af3a9-22b1-4ba0-a1d0-9ca39a7feea7" > <div data-sn-json-csseditor="0" class=" sn-element sn_widget d-none d-md-block " data-sn-type="widget" data-sn-id="10650" data-sn-code="sed_site_menu_slim" data-sn-name="Menu mince" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_10650"><style> #w_10344:after{ content:''; clear:both; display:table; } #w_10344 ul{ list-style:none; margin:0; padding:0; } #w_10344 > ul{ float:right; margin:0 0 -10px } #w_10344 > ul > li{ float:left; position:relative; padding:0 10px; margin-bottom:10px; } #w_10344 > ul > li:before{ content:''; background-color:#d4d5d8; height:60%; width:1px; position:absolute; left:0; top:20%; } #w_10344 > ul > li:first-child:before{ content:none; } #w_10344 > ul > li > a{ position:relative; z-index:10; } #w_10344 a{ color:#002e43; } #w_10344 > ul > li > ul{ display:none; position:absolute; top:100%; z-index:9; border:1px solid #d4d5d8; background:#FFF; left:50%; transform:translateX(-50%); width:270px; padding:0 5px; margin-top:6px; overflow:hidden; } #w_10344 > ul > li.countries > ul{ padding:0 5px 0 100px; } #w_10344 > ul > li.countries > ul:before{ display: block; font-family: "Font Awesome 5 Pro"; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position:absolute; top:10px; left:16px; font-size:75px; content: "\f57d"; color:#d4d5d8; font-weight:900; } #w_10344 > ul > li.has-children:after{ content:''; display:block; background:#FFF; width:100%; position:absolute; top:100%; left:0; height:11px; z-index:9; transform:translateY(-4px); border-left:1px solid #d4d5d8; opacity:0; transition:opacity .2s linear; } #w_10344 > ul > li.has-children.open:after{ opacity:1; } #w_10344 > ul > li.countries > a:before{ display: inline-block; font-family: "Font Awesome 5 Pro"; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f57d"; font-weight:900; } #w_10344 > ul > li.has-children > a:after{ display: inline-block; font-family: "Font Awesome 5 Pro"; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f107"; font-weight:100; position:relative; top:0; transition:top .2s cubic-bezier(.3,0,.2,1), transform .2s cubic-bezier(.3,0,.2,1); } #w_10344 > ul > li.has-children.open > a:after, #w_10344 > ul > li.has-children > a:hover:after{ top:3px; } #w_10344 > ul > li.has-children.open > a:after{ transform:scale(-1); } #w_10344 > ul > li > ul > li{ padding:5px 0; } #w_10344 .languages{ font-weight:bold; color:#FFF; background:#0077c8; text-transform:uppercase; font-size:12px; } #w_10344 .languages a{ background:#DDD; } #w_10344 .languages .padding{ display:block; padding:5px 6px; } </style><nav id="w_10344"> <ul class=''> <li class="level-1 has-children countries"> <a > <span> Suisse </span></a><ul> <li> <a href="https://www.handicap-international.de/"> Allemagne </a> </li> <li> <a href="https://www.handicapinternational.be/fr/"> Belgique </a> </li> <li> <a href="https://www.hi-canada.org"> Canada </a> </li> <li> <a href="https://www.handicap-international.fr/"> France </a> </li> <li> <a href="https://www.handicap-international.lu/"> Luxembourg </a> </li> <li> <a href="https://www.humanity-inclusion.org.uk/"> Royaume-Uni </a> </li> <li> <a href="https://www.hi-us.org/"> USA </a> </li> <li> <a href="https://www.hi.org/en/index?nopopup=true"> Institutional website </a> </li> </ul> </li> <li class="level-1 "> <div class="dtable languages"> <div class="dcell"> <a class="padding" href="/de/unsere-handlungsfelder/humanitare-nothilfe" rel="alternate" hreflang="de-CH" lang="de"> <span>de</span> </a> </div> <div class="dcell"> <span class="padding">fr</span> </div> </div> </li> </ul></nav><script> $('#w_10344 > ul > li > ul').prev('a').on('click', function(){ var $ul = $(this).next('ul'); if($ul.css('display') == 'none'){ $ul.fadeIn(150).closest('li').addClass('open'); var rect = $ul[0].getBoundingClientRect(); var right_difference = rect.right - $(window).width(); if(right_difference > 0){ $ul.css('left', 'calc(50% - '+right_difference+'px)'); }else if(rect.left < 0){ $ul.css('left', 'calc(50% - '+rect.left+'px)'); } $(document).on('click', function(e){ if($(e.target).closest('#w_10344').length < 1){ $ul.fadeOut(150, function(){$(this).removeAttr('style');}).closest('li').removeClass('open'); } }); }else{ $ul.fadeOut(150, function(){$(this).removeAttr('style');}).closest('li').removeClass('open'); } }); </script></div> </div><div data-sn-json-csseditor="0" class=" sn-element sn_widget d-md-none " data-sn-type="widget" data-sn-id="10651" data-sn-code="sed_site_menu_slim" data-sn-name="Menu mince" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_10651"><style> #w_10345:after{ content:''; clear:both; display:table; } #w_10345 ul{ list-style:none; margin:0; padding:0; } #w_10345 > ul{ float:right; margin:0 0 -10px } #w_10345 > ul > li{ float:left; position:relative; padding:0 10px; margin-bottom:10px; } #w_10345 > ul > li:before{ content:''; background-color:#d4d5d8; height:60%; width:1px; position:absolute; left:0; top:20%; } #w_10345 > ul > li:first-child:before{ content:none; } #w_10345 > ul > li > a{ position:relative; z-index:10; } #w_10345 a{ color:#002e43; } #w_10345 > ul > li > ul{ display:none; position:absolute; top:100%; z-index:9; border:1px solid #d4d5d8; background:#FFF; left:50%; transform:translateX(-50%); width:270px; padding:0 5px; margin-top:6px; overflow:hidden; } #w_10345 > ul > li.countries > ul{ padding:0 5px 0 100px; } #w_10345 > ul > li.countries > ul:before{ display: block; font-family: "Font Awesome 5 Pro"; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position:absolute; top:10px; left:16px; font-size:75px; content: "\f57d"; color:#d4d5d8; font-weight:900; } #w_10345 > ul > li.has-children:after{ content:''; display:block; background:#FFF; width:100%; position:absolute; top:100%; left:0; height:11px; z-index:9; transform:translateY(-4px); border-left:1px solid #d4d5d8; opacity:0; transition:opacity .2s linear; } #w_10345 > ul > li.has-children.open:after{ opacity:1; } #w_10345 > ul > li.countries > a:before{ display: inline-block; font-family: "Font Awesome 5 Pro"; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f57d"; font-weight:900; } #w_10345 > ul > li.has-children > a:after{ display: inline-block; font-family: "Font Awesome 5 Pro"; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f107"; font-weight:100; position:relative; top:0; transition:top .2s cubic-bezier(.3,0,.2,1), transform .2s cubic-bezier(.3,0,.2,1); } #w_10345 > ul > li.has-children.open > a:after, #w_10345 > ul > li.has-children > a:hover:after{ top:3px; } #w_10345 > ul > li.has-children.open > a:after{ transform:scale(-1); } #w_10345 > ul > li > ul > li{ padding:5px 0; } #w_10345 .languages{ font-weight:bold; color:#FFF; background:#0077c8; text-transform:uppercase; font-size:12px; } #w_10345 .languages a{ background:#DDD; } #w_10345 .languages .padding{ display:block; padding:5px 6px; } </style><nav id="w_10345"> <ul class=''> <li class="level-1 "> <div class="dtable languages"> <div class="dcell"> <a class="padding" href="/de/unsere-handlungsfelder/humanitare-nothilfe" rel="alternate" hreflang="de-CH" lang="de"> <span>de</span> </a> </div> <div class="dcell"> <span class="padding">fr</span> </div> </div> </li> </ul></nav><script> $('#w_10345 > ul > li > ul').prev('a').on('click', function(){ var $ul = $(this).next('ul'); if($ul.css('display') == 'none'){ $ul.fadeIn(150).closest('li').addClass('open'); var rect = $ul[0].getBoundingClientRect(); var right_difference = rect.right - $(window).width(); if(right_difference > 0){ $ul.css('left', 'calc(50% - '+right_difference+'px)'); }else if(rect.left < 0){ $ul.css('left', 'calc(50% - '+rect.left+'px)'); } $(document).on('click', function(e){ if($(e.target).closest('#w_10345').length < 1){ $ul.fadeOut(150, function(){$(this).removeAttr('style');}).closest('li').removeClass('open'); } }); }else{ $ul.fadeOut(150, function(){$(this).removeAttr('style');}).closest('li').removeClass('open'); } }); </script></div> </div> </div> </div> <div class="sn-element row " data-sn-type="row" data-sn-id="9caffacb-594d-4e2a-bf6d-ff3e0c787f13" > <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-9 col-xl-9 " data-sn-type="column" data-sn-id="bbfb1558-3737-4f68-97ca-9df6165d7469" > <div class="sn-element row " data-sn-type="row" data-sn-id="242433f2-8edd-4562-b080-0284bbbbdc91" > <div class="sn-element col-12 col-sm-12 col-md-5 col-lg-5 col-xl-5 " data-sn-type="column" data-sn-id="856538da-bc0a-481d-9ce4-87d7871b2d20" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget d-none d-md-block " data-sn-type="widget" data-sn-id="10652" data-sn-code="sed_media_image" data-sn-name="Ajouter une image" data-sn-nbview="1" > <div class="sn-element-content" id="sn_widget_10652"> <style type="text/css"> /* Magnific Popup CSS */.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close,button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */.mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } #w_10652 img{ max-width: 100%; } #w_10652 .img-circle { border-radius: 50%; } #w_10652{ display: flex; justify-content:; } </style><div id="w_10652"> <div> <a href="/fr/index" target=_self> <img class=" service-img img-max-100 d-none d-lg-block " style="opacity:1;" src="/sn_uploads/logos/Logo_Handicap_Baseline_FR_Horizontal_Bleu__png__1_.png" alt="Handicap International" title="Homepage"> <img class=" service-img img-max-100 d-none d-md-block d-lg-none" style="opacity:1;" src="/sn_uploads/logos/Logo_Handicap_Baseline_FR_Horizontal_Bleu__png__1_.png" alt="Handicap International" title="Homepage"> <img class=" service-img img-max-100 d-none d-sm-block d-md-none" style="opacity:1;" src="/sn_uploads/logos/Logo_Handicap_Baseline_FR_Horizontal_Bleu__png__1_.png" alt="Handicap International" title="Homepage"> <img class=" service-img img-max-100 d-sm-none" style="opacity:1;" src="/sn_uploads/logos/Logo_Handicap_Baseline_FR_Horizontal_Bleu__png__1_.png" alt="Handicap International" title="Homepage"> </a> </div> </div></div> </div><div data-sn-json-csseditor="0" class=" sn-element sn_widget d-md-none " data-sn-type="widget" data-sn-id="10653" data-sn-code="usine_mega_drop_down_navigation" data-sn-name="M%C3%A9ga navigation d%C3%A9roulante" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_10653"> <style> #w_10347 ul{ list-style:none; padding:0; margin:0; } #w_10347 > ul{ display:table; width:66.6667%; } #w_10347 > ul > li{ display:table-cell; vertical-align:middle; padding:12px 0; } /*link level 1*/ #w_10347 > ul > li > a{ color:#FFF; font-size: 26px; display:table; width:100%; text-align:center; text-transform:uppercase; } #w_10347 > ul > li > a > span{ display:table-cell; vertical-align:middle; padding:0 20px; } #w_10347 > ul > li:first-child > a > span{ padding-left:0; } #w_10347 > ul > li:first-child > a{ border-left:none; } #w_10347 > ul > li:last-child > a > span{ padding-right:0; } /**/ /*mega dropdown*/ #w_10347 > ul > li > ul{ display:none; position:absolute; top:100%; left:0; width:100%; background:#34495e; z-index:99; padding-top:40px; } #w_10347 > ul > li.open > ul{ display:block; } #w_10347 > ul > li > ul:after{ content:''; display:table; clear:both; } #w_10347 > ul > li > ul > li{ float:left; width:25%; margin:0 0 40px; padding:0 20px; border-left:2px solid #2c3e53; } #w_10347 > ul > li > ul > li.close_dropdown{ border:none; padding:0px; margin:0; float:none; width:auto; position:absolute; bottom:0; right:0; } #w_10347 > ul > li > ul > li.close_dropdown > a{ padding:7px 12px; display:block; background:#2c3e53; color:#009cde; font-size:12px; position:relative; } #w_10347 > ul > li > ul > li:first-child{ border:none; } #w_10347 > ul > li > ul > li:nth-child(4n+1){ clear:both; border:none; } /**/ /*link level-2*/ #w_10347 > ul > li > ul > li > a{ color:#FFF; font-weight:700; font-size:18px; display:block; padding-bottom:12px; text-decoration:none; } /*link level-3*/ #w_10347 > ul > li > ul > li > ul{ padding-left:10px; } #w_10347 > ul > li > ul > li > ul > li > a{ color:#FFF; font-weight:700; font-size:16px; display:block; position:relative; } #w_10347 > ul > li > ul > li > ul > li > a:before{ content:''; position:absolute; left:-10px; top:8px; width:4px; height:4px; border-radius:50%; background:#009cde; } /**/ #w_10347 .btn_mobile_menu_container{ display:none; } @media(max-width:991px){ #w_10347 > ul{ width:100%; } } @media(max-width:767px){ #w_10347 .btn_mobile_menu_container{ display:block; text-align:right; } #w_10347 .btn_mobile_menu_container > a{ font-size:28px; color:#0077c8; transition:all .2s cubic-bezier(.3,0,.2,1); } #w_10347 .btn_mobile_menu_container > a.open{ color:#FFF; background:#0077c8; } #w_10347 > ul{ display:none; } #w_10347 > ul.mobile_open{ display:block; } #w_10347 > ul > li{ display:block; border-bottom:1px solid #ececef; position:relative; left:-100%; transition:left .3s cubic-bezier(.3,0,.2,1); } #w_10347 > ul > li > ul{ position:relative; padding:20px 0 10px; } #w_10347 > ul > li > a > span, #w_10347 > ul > li > a{ padding:0; border:none; } #w_10347 > ul > li > ul > li:first-child, #w_10347 > ul > li > ul > li{ float:none; width:auto; border:none; padding:20px 0; margin:0 20px; border-bottom:2px solid #2c3e53; } #w_10347 > ul > li > ul > li.close_dropdown{ display:none; } #w_10347 > ul > li > a{ color:#0077c8; } #w_10347 .mobile_logo{ max-width:280px; width:100%; height:auto; } } </style> <nav id="w_10347"> <div class="dtable hidden-sm hidden-md hidden-lg"> <div class="dcell"> <a href="/fr/index"><img class="mobile_logo" src="/sn_uploads/fck/l_handicap_descript_fr_horiz_blue_rgb.png?maxw=600" alt="Handicap International humanité & inclusion" /></a> </div> <div class="dcell dcell-minwidth"> <div class="btn_mobile_menu_container ml-sm"> <a href="javascript:void(0)" class="btn btn-link btn_mobile_menu"> <span aria-hidden="true" class="fa fa-bars"></span><span class="sr-only"><span class="sn_pencil" data-sn_uid="1217">Navigation</span></span> </a> </div> </div> </div> <ul class='menu_w_10347'> <li class="level-1 has-children "> <a href="javascript:void(0)" class="link-level-1"><span class="link_text">Qui sommes-nous</span></a> <ul class="children-level-2"> <li class="level-2 has-children "> <a href="javascript:void(0)" class="link-level-2"><span class="link_text">Notre association</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/fr/notre-mission"><span class="link_text">Notre mission</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/fr/notre-organisation"><span class="link_text">Notre organisation</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/fr/notre-histoire"><span class="link_text">Notre histoire</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/fr/chiffres-cles"><span class="link_text">Chiffres clés</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/fr/partenaires-et-reseaux"><span class="link_text">Partenaires et réseaux</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="javascript:void(0)" class="link-level-2"><span class="link_text">Reconnaissance internationale</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/fr/prix-nobel-de-la-paix"><span class="link_text">Prix Nobel de la Paix</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/fr/prix-nansen"><span class="link_text">Prix Nansen</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/fr/prix-conrad-n-hilton"><span class="link_text">Prix Conrad N. Hilton</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/fr/prix-horizon-"><span class="link_text">Prix Horizon</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="javascript:void(0)" class="link-level-2"><span class="link_text">Nos ambassadrices</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/fr/rachel-kolly-d-alba"><span class="link_text">Rachel Kolly </span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/fr/christa-rigozzi"><span class="link_text">Christa Rigozzi</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/fr/celine-van-till"><span class="link_text">Celine van Till</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/fr/silke-pan"><span class="link_text">Silke Pan</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="javascript:void(0)" class="link-level-2"><span class="link_text">Notre porte-parole</span></a> <ul class="children-level-3"> <li class="level-3 "><a class="link-level-3" target="" href="/fr/broken-chair"><span class="link_text">Broken Chair</span></a></li> </ul> </li> </ul> </li> <li class="level-1 has-children "> <a href="javascript:void(0)" class="link-level-1"><span class="link_text">Nos actions</span></a> <ul class="children-level-2"> <li class="level-2 has-children "> <a href="/fr/nos-champs-d-action/index" class="link-level-2"><span class="link_text">Champs d'action</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/fr/urgences-humanitaires/urgence-gaza"><span class="link_text">Urgence Gaza</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/fr/urgences-humanitaires/urgence-ukraine"><span class="link_text">Urgence Ukraine</span></a> </li> <li class="level-3 active"> <a class="link-level-3" href="/fr/nos-champs-d-action/urgences-humanitaires"><span class="link_text">Urgences humanitaires</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/fr/nos-champs-d-action/reduction-de-la-violence-armee"><span class="link_text">Réduction de la violence armée</span></a> </li> <li class="level-3 Agnès, Rwanda "> <a class="link-level-3" href="/fr/nos-champs-d-action/readaptation"><span class="link_text">Réadaptation</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/fr/nos-champs-d-action/inclusion"><span class="link_text">Inclusion</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/fr/nos-champs-d-action/sante-et-prevention"><span class="link_text">Santé et prévention</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/fr/nos-champs-d-action/droits-et-politique-du-handicap"><span class="link_text">Droits du handicap</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/fr/nos-champs-d-action/plaidoyer"><span class="link_text">Plaidoyer</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="javascript:void(0)" class="link-level-2"><span class="link_text">Sur le terrain </span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/fr/en-suisse"><span class="link_text">En Suisse</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/fr/action_dans_le_monde"><span class="link_text">Dans le monde</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/fr/pays/bangladesh"><span class="link_text">Bangladesh</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/fr/pays/mozambique"><span class="link_text">Mozambique</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/fr/pays/nepal"><span class="link_text">Népal</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="javascript:void(0)" class="link-level-2"><span class="link_text">Nos publications</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/fr/rapports-d-activite-et-rapports-des-comptes"><span class="link_text">Rapports d'activité</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/fr/journal-des-donateurs"><span class="link_text">Magazine des donateurs</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/fr/publications-thematiques"><span class="link_text">Publications thématiques</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="javascript:void(0)" class="link-level-2"><span class="link_text">Témoignages </span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/fr/actualites/pour-la-premiere-fois-depuis-le-bombardement-abdel-rahman-se-leve-et-avance"><span class="link_text">Abdel Rahman se lève et avance</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/fr/actualites/kanhara-l-histoire-d-une-battante"><span class="link_text">Kanhara, l’histoire d’une battante</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/fr/au-nepal-sunil-pokhrel-physiotherapeute"><span class="link_text">Au Népal, Sunil Pokhrel, physiothérapeute</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/fr/actualites/yemen-la-pire-crise-humanitaire-au-monde"><span class="link_text">Yémen : La pire crise humanitaire au monde</span></a> </li> </ul> </li> </ul> </li> <li class="level-1 has-children "> <a href="javascript:void(0)" class="link-level-1"><span class="link_text">Agissez</span></a> <ul class="children-level-2"> <li class="level-2 has-children "> <a href="javascript:void(0)" class="link-level-2"><span class="link_text">Soutenez-nous</span></a> <ul class="children-level-3"> <li class="level-3 "><a class="link-level-3" target="" href="https://donate.handicap-international.ch/fr"><span class="link_text">Faites un don </span></a></li> <li class="level-3 "> <a class="link-level-3" href="/fr/devenir-donateur-mensuel"><span class="link_text">Soutenez-nous dans la durée</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/fr/philanthropie"><span class="link_text">Devenez philanthrope</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/fr/legs-et-heritage/index"><span class="link_text">Legs et héritages</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="javascript:void(0)" class="link-level-2"><span class="link_text">Mobilisez-vous</span></a> <ul class="children-level-3"> <li class="level-3 "><a class="link-level-3" target="" href="https://donate.handicap-international.ch/fr-collectes-anniversaire"><span class="link_text">Lancez une collecte d'anniversaire !</span></a></li> <li class="level-3 "> <a class="link-level-3" href="/fr/agir-pour-hi"><span class="link_text">Agissez pour HI</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/fr/devenez-benevoles"><span class="link_text">Devenez bénévole</span></a> </li> </ul> </li> </ul> </li> </ul> </nav> <script> (function(){ var timeout_hover; $('#w_10347 > ul > li > ul').prev('a').attr('aria-haspopup', true).attr('aria-expanded', false) .parent('li').hover(function(){ if(window.innerWidth > 767){ clearTimeout(timeout_hover); $("#donation_detail").addClass("hidden"); $(".usine_donate_now .donate_header .fa-angle-down").removeClass("hidden"); $(".usine_donate_now .donate_header .fa-angle-up").addClass("hidden"); $(this).siblings().removeClass('open').children('a').attr('aria-expanded', false); $(this).addClass('open').children('a').attr('aria-expanded', true); } }, function(){ if(window.innerWidth > 767){ var $this = $(this); timeout_hover = setTimeout(function(){ $this.removeClass('open').children('a').attr('aria-expanded', false); },200); } }); $('#w_10347 > ul > li > ul').prev('a').on('click', function(){ var $li = $(this).parent('li'); if($(this).next('ul').css('display') == 'none'){ $li.siblings().removeClass('open').children('a').attr('aria-expanded', false); $li.addClass('open').children('a').attr('aria-expanded', true); }else{ $li.removeClass('open').children('a').attr('aria-expanded', false); } }); //link on second level are always group, focus on their first child link on click (or enter key press) $('#w_10347 > ul > li > ul > li > a').on('click', function(){ $(this).next('ul').children('li').first().children('a').focus(); }); $('#w_10347 > ul > li > ul').append('<li class="close_dropdown"><a href="javascript:void(0)">FERMER LA NAVIGATION <span aria-hidden="true" class="fa fa-times"></span></a></li>') .find('.close_dropdown').on('click', function(){ $(this).parent().closest('li').removeClass('open').children('a').attr('aria-expanded', false); }); $('#w_10347 .btn_mobile_menu_container > a').attr('aria-haspopup', true).attr('aria-expanded', false).on('click', function(){ var $ul = $('#w_10347 > ul'); var $this = $(this); function open(){ $this.addClass('open').attr('aria-expanded', true); $ul.slideDown(200, function(){ $(this).removeAttr('style').addClass('mobile_open'); }); function anim_li_open($li){ $li.css('left', 0); if($li.next('li').length){ setTimeout(function(){ anim_li_open($li.next('li')); },80); } } anim_li_open($ul.children('li').first()); } function close(){ function anim_li_close($li){ $li.css('left', ''); if($li.prev('li').length){ setTimeout(function(){ anim_li_close($li.prev('li')); },60); }else{ $this.removeClass('open').attr('aria-expanded', false);; $ul.slideUp(200, function(){ $(this).removeAttr('style').removeClass('mobile_open'); }); } } anim_li_close($ul.children('li').last()); } if($ul.css('display') == 'none'){ open(); $(document).on('click.w_10347', function(event){ if(!$(event.target).closest('.menu_w_10347').length && !$(event.target).closest('.btn_mobile_menu').length){ close(); $(document).off('click.w_10347'); } }); }else{ close(); } }); })(); </script></div> </div> </div> <div class="sn-element col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 " data-sn-type="column" data-sn-id="90c4c3ed-08bb-4eb1-b9d7-ccfafe348842" > <div data-sn-json-csseditor="0" class=" sn-element sn_widget spacer_header d-none d-md-block " data-sn-type="widget" data-sn-id="10654" data-sn-code="sed_essential_spacer" data-sn-name="Espaceur" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_10654"><style type="text/css"> .wdg_spacer { clear:both; } .space10348.wdg_spacer.custom { height:25px; } </style><div class="wdg_spacer space10348 custom"> </div></div> </div><div data-sn-json-csseditor="0" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="10655" data-sn-code="usine_search_field" data-sn-name="Champ de recherche" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_10655"> <style> #w_10349 input{ font-size:16px; border:1px #727578 solid; border-radius:0; padding:8px; height:38px; line-height:20px; } #w_10349 input:focus{ outline: thin dotted red; box-shadow:none; } #w_10349 .btn{ border:none; font-size:28px; padding:0 0 0 10px; color: #727578; } </style> <div id="w_10349"> <form onsubmit="submit_search(); return false;"> <div class="dtable fullwidth"> <div class="dcell dcell-maxwidth"> <label class="sr-only" for="search_text"><span class="sn_pencil" data-sn_uid="1237">Search</span></label> <input placeholder="Rechercher sur le site" class="form-control" id="search_text" type="text"/> </div> <div class="dcell"> <a href="#" onclick="submit_search()"class="btn btn-link"> <span class="fa fa-search"></span><span class="sr-only"><span class="sn_pencil" data-sn_uid="1237">Search</span></span> </a> </div> </div> </form> </div> <script type="text/javascript"> function submit_search(){ window.location = '/fr/recherche?kw=' + $('#search_text').val(); } </script></div> </div> </div> </div> </div> <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-3 col-xl-3 " data-sn-type="column" data-sn-id="b80a2b96-6725-4035-8ec9-dbd1311a26b6" > <div data-sn-json-csseditor="0" class=" sn-element sn_widget d-none d-lg-block " data-sn-type="widget" data-sn-id="10656" data-sn-code="sed_essential_spacer" data-sn-name="Espaceur" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_10656"><style type="text/css"> .wdg_spacer { clear:both; } .space10350.wdg_spacer.custom { height:40px; } </style><div class="wdg_spacer space10350 custom"> </div></div> </div><div data-sn-json-csseditor="0" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="4439" data-sn-code="usine_donation_now" data-sn-name="Donnez maintenant" data-sn-nbview="4" id="widget_donate" > <div class="sn-element-content" id="sn_widget_4439"> <div class="usine_donate_now" id="w_4452"> <div class="donate_header"> <a href="https://donate.handicap-international.ch/fr" > <span class="mobile_icon d-lg-none"> <img src="/sn_uploads/widgets/hand.png" alt=""> </span> <strong><span class="sn_pencil" data-sn_uid="1229">Je fais </span></strong> <span class="size-md"><span class="sn_pencil" data-sn_uid="1231">UN DON</span></span> </a> </div></div><script type="text/javascript"> (function () { function get_donation_result(amount, limit){ amount = parseFloat(amount); limit = parseFloat(limit); var result; if(amount > limit) { result = Math.round(amount - (limit * 0.75 + (amount - limit)*0.66)); } else { result = amount * 0.25; } $("#donate_result p span#donation").text(result.toFixed(2).replace(".", ",")); $("#donate_result").removeClass("d-none"); } $(".donate_detail_toggle").each(function(){ $(this).click(function(){ $("#donation_detail").toggleClass("d-none"); $(".usine_donate_now .donate_header .fa-angle-down").toggleClass("d-none"); $(".usine_donate_now .donate_header .fa-angle-up").toggleClass("d-none"); }); }); var form = $(".usine_donate_now .donate_header .form-inline"); form.find(".radio_f input").each(function(){ $(this).click(function () { get_donation_result($(this).val(), ); }); }); form.find(".other_amount input").keyup(function () { if(!isNaN($(this).val()) && $(this).val() > 0){ get_donation_result($(this).val(), ); } else { get_donation_result(0, ); } }); })(); </script></div> </div> </div> </div> </div> <div class="sn-element container-fluid hidden-print d-none d-md-block hidden-print d-none d-md-block " data-sn-type="container" data-sn-id="9d9c1f9fb9094194987e2b8590dca73b" > <div class="sn-background sn-background-container"> <div class="sn-background sn-background-image"></div> <div class="sn-background sn-foreground-color"></div> </div> <div class="sn-element row row-limited " data-sn-type="row" data-sn-id="542024a972d14919a3ec164e02d1c739" > <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 " data-sn-type="column" data-sn-id="a80f29ff97f54630bdb5c2d67b05bb0e" > <div data-sn-json-csseditor="0" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="4497" data-sn-code="usine_mega_drop_down_navigation" data-sn-name="M%C3%A9ga navigation d%C3%A9roulante" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_4497"> <style> #w_4510 ul{ list-style:none; padding:0; margin:0; } #w_4510 > ul{ display:table; width:66.6667%; } #w_4510 > ul > li{ display:table-cell; vertical-align:middle; padding:12px 0; } /*link level 1*/ #w_4510 > ul > li > a{ color:#FFF; font-size: 26px; display:table; width:100%; text-align:center; text-transform:uppercase; } #w_4510 > ul > li > a > span{ display:table-cell; vertical-align:middle; padding:0 20px; } #w_4510 > ul > li:first-child > a > span{ padding-left:0; } #w_4510 > ul > li:first-child > a{ border-left:none; } #w_4510 > ul > li:last-child > a > span{ padding-right:0; } /**/ /*mega dropdown*/ #w_4510 > ul > li > ul{ display:none; position:absolute; top:100%; left:0; width:100%; background:#34495e; z-index:99; padding-top:40px; } #w_4510 > ul > li.open > ul{ display:block; } #w_4510 > ul > li > ul:after{ content:''; display:table; clear:both; } #w_4510 > ul > li > ul > li{ float:left; width:25%; margin:0 0 40px; padding:0 20px; border-left:2px solid #2c3e53; } #w_4510 > ul > li > ul > li.close_dropdown{ border:none; padding:0px; margin:0; float:none; width:auto; position:absolute; bottom:0; right:0; } #w_4510 > ul > li > ul > li.close_dropdown > a{ padding:7px 12px; display:block; background:#2c3e53; color:#009cde; font-size:12px; position:relative; } #w_4510 > ul > li > ul > li:first-child{ border:none; } #w_4510 > ul > li > ul > li:nth-child(4n+1){ clear:both; border:none; } /**/ /*link level-2*/ #w_4510 > ul > li > ul > li > a{ color:#FFF; font-weight:700; font-size:18px; display:block; padding-bottom:12px; text-decoration:none; } /*link level-3*/ #w_4510 > ul > li > ul > li > ul{ padding-left:10px; } #w_4510 > ul > li > ul > li > ul > li > a{ color:#FFF; font-weight:700; font-size:16px; display:block; position:relative; } #w_4510 > ul > li > ul > li > ul > li > a:before{ content:''; position:absolute; left:-10px; top:8px; width:4px; height:4px; border-radius:50%; background:#009cde; } /**/ #w_4510 .btn_mobile_menu_container{ display:none; } @media(max-width:991px){ #w_4510 > ul{ width:100%; } } @media(max-width:767px){ #w_4510 .btn_mobile_menu_container{ display:block; text-align:right; } #w_4510 .btn_mobile_menu_container > a{ font-size:28px; color:#0077c8; transition:all .2s cubic-bezier(.3,0,.2,1); } #w_4510 .btn_mobile_menu_container > a.open{ color:#FFF; background:#0077c8; } #w_4510 > ul{ display:none; } #w_4510 > ul.mobile_open{ display:block; } #w_4510 > ul > li{ display:block; border-bottom:1px solid #ececef; position:relative; left:-100%; transition:left .3s cubic-bezier(.3,0,.2,1); } #w_4510 > ul > li > ul{ position:relative; padding:20px 0 10px; } #w_4510 > ul > li > a > span, #w_4510 > ul > li > a{ padding:0; border:none; } #w_4510 > ul > li > ul > li:first-child, #w_4510 > ul > li > ul > li{ float:none; width:auto; border:none; padding:20px 0; margin:0 20px; border-bottom:2px solid #2c3e53; } #w_4510 > ul > li > ul > li.close_dropdown{ display:none; } #w_4510 > ul > li > a{ color:#0077c8; } #w_4510 .mobile_logo{ max-width:280px; width:100%; height:auto; } } </style> <nav id="w_4510"> <div class="dtable hidden-sm hidden-md hidden-lg"> <div class="dcell"> </div> <div class="dcell dcell-minwidth"> <div class="btn_mobile_menu_container ml-sm"> <a href="javascript:void(0)" class="btn btn-link btn_mobile_menu"> <span aria-hidden="true" class="fa fa-bars"></span><span class="sr-only"><span class="sn_pencil" data-sn_uid="1217">Navigation</span></span> </a> </div> </div> </div> <ul class='menu_w_4510'> <li class="level-1 has-children "> <a href="javascript:void(0)" class="link-level-1"><span class="link_text">Qui sommes-nous</span></a> <ul class="children-level-2"> <li class="level-2 has-children "> <a href="javascript:void(0)" class="link-level-2"><span class="link_text">Notre association</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/fr/notre-mission"><span class="link_text">Notre mission</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/fr/notre-organisation"><span class="link_text">Notre organisation</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/fr/notre-histoire"><span class="link_text">Notre histoire</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/fr/chiffres-cles"><span class="link_text">Chiffres clés</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/fr/partenaires-et-reseaux"><span class="link_text">Partenaires et réseaux</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="javascript:void(0)" class="link-level-2"><span class="link_text">Reconnaissance internationale</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/fr/prix-nobel-de-la-paix"><span class="link_text">Prix Nobel de la Paix</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/fr/prix-nansen"><span class="link_text">Prix Nansen</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/fr/prix-conrad-n-hilton"><span class="link_text">Prix Conrad N. Hilton</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/fr/prix-horizon-"><span class="link_text">Prix Horizon</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="javascript:void(0)" class="link-level-2"><span class="link_text">Nos ambassadrices</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/fr/rachel-kolly-d-alba"><span class="link_text">Rachel Kolly </span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/fr/christa-rigozzi"><span class="link_text">Christa Rigozzi</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/fr/celine-van-till"><span class="link_text">Celine van Till</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/fr/silke-pan"><span class="link_text">Silke Pan</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="javascript:void(0)" class="link-level-2"><span class="link_text">Notre porte-parole</span></a> <ul class="children-level-3"> <li class="level-3 "><a class="link-level-3" target="" href="/fr/broken-chair"><span class="link_text">Broken Chair</span></a></li> </ul> </li> </ul> </li> <li class="level-1 has-children "> <a href="javascript:void(0)" class="link-level-1"><span class="link_text">Nos actions</span></a> <ul class="children-level-2"> <li class="level-2 has-children "> <a href="/fr/nos-champs-d-action/index" class="link-level-2"><span class="link_text">Champs d'action</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/fr/urgences-humanitaires/urgence-gaza"><span class="link_text">Urgence Gaza</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/fr/urgences-humanitaires/urgence-ukraine"><span class="link_text">Urgence Ukraine</span></a> </li> <li class="level-3 active"> <a class="link-level-3" href="/fr/nos-champs-d-action/urgences-humanitaires"><span class="link_text">Urgences humanitaires</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/fr/nos-champs-d-action/reduction-de-la-violence-armee"><span class="link_text">Réduction de la violence armée</span></a> </li> <li class="level-3 Agnès, Rwanda "> <a class="link-level-3" href="/fr/nos-champs-d-action/readaptation"><span class="link_text">Réadaptation</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/fr/nos-champs-d-action/inclusion"><span class="link_text">Inclusion</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/fr/nos-champs-d-action/sante-et-prevention"><span class="link_text">Santé et prévention</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/fr/nos-champs-d-action/droits-et-politique-du-handicap"><span class="link_text">Droits du handicap</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/fr/nos-champs-d-action/plaidoyer"><span class="link_text">Plaidoyer</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="javascript:void(0)" class="link-level-2"><span class="link_text">Sur le terrain </span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/fr/en-suisse"><span class="link_text">En Suisse</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/fr/action_dans_le_monde"><span class="link_text">Dans le monde</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/fr/pays/bangladesh"><span class="link_text">Bangladesh</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/fr/pays/mozambique"><span class="link_text">Mozambique</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/fr/pays/nepal"><span class="link_text">Népal</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="javascript:void(0)" class="link-level-2"><span class="link_text">Nos publications</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/fr/rapports-d-activite-et-rapports-des-comptes"><span class="link_text">Rapports d'activité</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/fr/journal-des-donateurs"><span class="link_text">Magazine des donateurs</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/fr/publications-thematiques"><span class="link_text">Publications thématiques</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="javascript:void(0)" class="link-level-2"><span class="link_text">Témoignages </span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/fr/actualites/pour-la-premiere-fois-depuis-le-bombardement-abdel-rahman-se-leve-et-avance"><span class="link_text">Abdel Rahman se lève et avance</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/fr/actualites/kanhara-l-histoire-d-une-battante"><span class="link_text">Kanhara, l’histoire d’une battante</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/fr/au-nepal-sunil-pokhrel-physiotherapeute"><span class="link_text">Au Népal, Sunil Pokhrel, physiothérapeute</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/fr/actualites/yemen-la-pire-crise-humanitaire-au-monde"><span class="link_text">Yémen : La pire crise humanitaire au monde</span></a> </li> </ul> </li> </ul> </li> <li class="level-1 has-children "> <a href="javascript:void(0)" class="link-level-1"><span class="link_text">Agissez</span></a> <ul class="children-level-2"> <li class="level-2 has-children "> <a href="javascript:void(0)" class="link-level-2"><span class="link_text">Soutenez-nous</span></a> <ul class="children-level-3"> <li class="level-3 "><a class="link-level-3" target="" href="https://donate.handicap-international.ch/fr"><span class="link_text">Faites un don </span></a></li> <li class="level-3 "> <a class="link-level-3" href="/fr/devenir-donateur-mensuel"><span class="link_text">Soutenez-nous dans la durée</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/fr/philanthropie"><span class="link_text">Devenez philanthrope</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/fr/legs-et-heritage/index"><span class="link_text">Legs et héritages</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="javascript:void(0)" class="link-level-2"><span class="link_text">Mobilisez-vous</span></a> <ul class="children-level-3"> <li class="level-3 "><a class="link-level-3" target="" href="https://donate.handicap-international.ch/fr-collectes-anniversaire"><span class="link_text">Lancez une collecte d'anniversaire !</span></a></li> <li class="level-3 "> <a class="link-level-3" href="/fr/agir-pour-hi"><span class="link_text">Agissez pour HI</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/fr/devenez-benevoles"><span class="link_text">Devenez bénévole</span></a> </li> </ul> </li> </ul> </li> </ul> </nav> <script> (function(){ var timeout_hover; $('#w_4510 > ul > li > ul').prev('a').attr('aria-haspopup', true).attr('aria-expanded', false) .parent('li').hover(function(){ if(window.innerWidth > 767){ clearTimeout(timeout_hover); $("#donation_detail").addClass("hidden"); $(".usine_donate_now .donate_header .fa-angle-down").removeClass("hidden"); $(".usine_donate_now .donate_header .fa-angle-up").addClass("hidden"); $(this).siblings().removeClass('open').children('a').attr('aria-expanded', false); $(this).addClass('open').children('a').attr('aria-expanded', true); } }, function(){ if(window.innerWidth > 767){ var $this = $(this); timeout_hover = setTimeout(function(){ $this.removeClass('open').children('a').attr('aria-expanded', false); },200); } }); $('#w_4510 > ul > li > ul').prev('a').on('click', function(){ var $li = $(this).parent('li'); if($(this).next('ul').css('display') == 'none'){ $li.siblings().removeClass('open').children('a').attr('aria-expanded', false); $li.addClass('open').children('a').attr('aria-expanded', true); }else{ $li.removeClass('open').children('a').attr('aria-expanded', false); } }); //link on second level are always group, focus on their first child link on click (or enter key press) $('#w_4510 > ul > li > ul > li > a').on('click', function(){ $(this).next('ul').children('li').first().children('a').focus(); }); $('#w_4510 > ul > li > ul').append('<li class="close_dropdown"><a href="javascript:void(0)">FERMER LA NAVIGATION <span aria-hidden="true" class="fa fa-times"></span></a></li>') .find('.close_dropdown').on('click', function(){ $(this).parent().closest('li').removeClass('open').children('a').attr('aria-expanded', false); }); $('#w_4510 .btn_mobile_menu_container > a').attr('aria-haspopup', true).attr('aria-expanded', false).on('click', function(){ var $ul = $('#w_4510 > ul'); var $this = $(this); function open(){ $this.addClass('open').attr('aria-expanded', true); $ul.slideDown(200, function(){ $(this).removeAttr('style').addClass('mobile_open'); }); function anim_li_open($li){ $li.css('left', 0); if($li.next('li').length){ setTimeout(function(){ anim_li_open($li.next('li')); },80); } } anim_li_open($ul.children('li').first()); } function close(){ function anim_li_close($li){ $li.css('left', ''); if($li.prev('li').length){ setTimeout(function(){ anim_li_close($li.prev('li')); },60); }else{ $this.removeClass('open').attr('aria-expanded', false);; $ul.slideUp(200, function(){ $(this).removeAttr('style').removeClass('mobile_open'); }); } } anim_li_close($ul.children('li').last()); } if($ul.css('display') == 'none'){ open(); $(document).on('click.w_4510', function(event){ if(!$(event.target).closest('.menu_w_4510').length && !$(event.target).closest('.btn_mobile_menu').length){ close(); $(document).off('click.w_4510'); } }); }else{ close(); } }); })(); </script></div> </div> </div> </div> </div> <div id="main" class="sn-element container-fluid " data-sn-type="container" data-sn-id="e190e1a3a2c340acb274f36b78e43762" tabindex="0" > <div class="sn-element row " data-sn-type="row" data-sn-id="a9c97e4ad92d4961b267a806f69442ce" > <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 " data-sn-type="column" data-sn-id="5f75b98647954d01b4d5b657f5442ef9" > <div data-sn-json-csseditor="0" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="6031" data-sn-code="sed_site_grid" data-sn-name="Permet d%27instantier une grille dans une page ma%C3%AEtre" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_6031"> <div class="sn-grid" data-body-id="c857eb7e95e94e4b9c3f6e8de1602bee" data-sn-id="2341" data-sn-parent="sed_site_page" data-sn-code="urgences-humanitaires" > <div class="sn-element container " data-sn-type="container" data-sn-id="9742b75a46054f96a602f53748688d84" > <div class="sn-element row row-limited " data-sn-type="row" data-sn-id="381341907c7446f784a618846c3a6cd3" > <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 " data-sn-type="column" data-sn-id="1d1c84e8516b44a0afda04e62542b733" > <div data-sn-json-csseditor="0" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="13737" data-sn-code="sed_breadcrumb" data-sn-name="Fil d%27Ariane" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_13737"> <nav role="navigation" class="breadcrumb_container"> <p class="sr-only" id="breadcrumblabel_13413"><span class="sn_pencil" data-sn_uid="1220">You are here :</span></p> <ol id="breadcrumb_13413" aria-labelledby="breadcrumblabel_13413"> <li><a href="/fr/index" title="Accueil Handicap International Suisse">Accueil Handicap International Suisse</a></li> <li><a href="/fr/nos-champs-d-action/index" title="Nos champs d’action">Nos champs d’action</a></li> <li><a href="javascript:void(0)" class="current">Urgences Humanitaires <span class="sr-only">(<span class="sn_pencil" data-sn_uid="1221">Page courante</span>)</span></a></li> </ol> </nav></div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="13738" data-sn-code="sed_spacer" data-sn-name="Espaceur" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_13738"> <style type="text/css"> .wdg_spacer { clear:both; } </style> <div class="wdg_spacer space13414"> </div></div> </div> </div> </div> </div> <div class="sn-element container-fluid " data-sn-type="container" data-sn-id="03601a89-d022-4856-99c5-dcb751f5744c" > <div class="sn-background sn-background-container"> <div class="sn-background sn-background-image"></div> <div class="sn-background sn-foreground-color"></div> </div> <div class="sn-element row " data-sn-type="row" data-sn-id="6e1edc4c-be8a-4b4d-a05a-98252c7e64f3" > <div class="sn-element col-9 col-sm-8 col-md-9 col-lg-9 col-xl-9 " data-sn-type="column" data-sn-id="c7479b80-7a92-4b61-9e02-8252faecd1ea" > <div class="sn-background sn-background-container"> <div class="sn-background sn-background-image"></div> <div class="sn-background sn-foreground-color"></div> </div> <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="13739" data-sn-code="sed_text_textck" data-sn-name="Ajouter du texte" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_13739"><div id="ck13415 " class="wid-style box-element_gamila13415 "> <h1 style="text-align: center;"><span style="color:#ffffff;"><strong><span style="background-color:#3498db;">Urgences humanitaires</span></strong><span style="background-color:null;"> </span></span></h1> <p style="text-align: center;"><span style="font-family:Arial,Helvetica,sans-serif;"><span style="font-size:18px;"><span style="color:#ffffff;">Aide d'urgence aux populations victimes de crises et de catastrophes naturelles.</span></span></span></p> </div><style type="text/css"> .box-element13415 { margin: 0px; padding:0px; } .box-element13415 img{ max-width:100%; } .newspaper13415 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style></div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="13740" data-sn-code="sed_text_textck_v2" data-sn-name="Texte" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_13740"><div id="v2ck13416" class="wid-style" > <p style="margin: 0cm 0cm 8pt; text-align: center;"><span style="font-size:24px;"><span style="line-height:107%"><span style="font-family:Calibri,sans-serif">Handicap International intervient en urgence dans des situations de crise, qu’elles soient liées à des catastrophes naturelles ou à des conflits armés. L’organisation s’est donné les moyens d’intervenir aujourd’hui dès les 72 premières heures d’une crise majeure.</span></span></span></p> </div><style type="text/css"> .box-element13416 img{ max-width:100%; } </style> </div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="13741" data-sn-code="sed_media_image_v2" data-sn-name="Image" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_13741"> <style type="text/css"> /* Magnific Popup CSS */.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close,button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */.mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } #w_13741 img{ max-width: 100%; } /*#w_13741 .img-circle { border-radius: 50%; }*/ #w_13741.img-container{ display: flex; /*justify-content:;*/ } </style> <div id="w_13741" class="img-container"> <div style="width:100%;"> <img loading="lazy" class="service-img img-max-100 d-none d-lg-block" src="/sn_uploads/page/bouncing_arrow_down_gif.gif" alt="" title=""> <img loading="lazy" class="service-img img-max-100 d-none d-md-block d-lg-none" src="/sn_uploads/page/bouncing_arrow_down_gif.gif" alt="" title=""> <img loading="lazy" class="service-img img-max-100 d-none d-sm-block d-md-none" src="/sn_uploads/page/bouncing_arrow_down_gif.gif" alt="" title=""> <img loading="lazy" class="service-img img-max-100 d-sm-none" src="/sn_uploads/page/bouncing_arrow_down_gif.gif" alt="" title=""> </div> </div> </div> </div> </div> </div> </div> <div class="sn-element container " data-sn-type="container" data-sn-id="690cfb8909bc43598f8169325449e420" > <div class="sn-element row row-limited " data-sn-type="row" data-sn-id="9ba3d745117447a1a4f6b5a83326bd36" > <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 " data-sn-type="column" data-sn-id="7facad98c76247c08b08906370899d62" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="13742" data-sn-code="sed_text_textck_v2" data-sn-name="Texte" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_13742"><div id="v2ck13418" class="wid-style" > <p> </p> <h2><span style="color:#3498db;">Notre rôle</span></h2> </div><style type="text/css"> .box-element13418 img{ max-width:100%; } </style> </div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="14187" data-sn-code="sed_accordion" data-sn-name="Accord%C3%A9on" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_14187"><div class="sed_accordion widget wrap_accordion13863" id="w14187"> <div class="accordion panel panel-default closed" id="sed_accordion_item_71" > <div class="panel-heading" style="cursor:pointer;"> <h3 class="accordion-heading panel-title mb-0 d-flex justify-content-between align-items-center"> <div class="flex-grow-1"> Secteurs d'activité d'urgence </div> <div class="icon_container"> <span class="icon fal fa-plus"></span> </div> </h3> </div> <div class="panel-collapse collapse" id="collapse_71" > <div class="panel-body"> <p>1.    Gestion et distribution de l'aide humanitaire : transport, stockage, post-acheminement de matériels de première nécessité ou de vivres<br /> 2.    Assistance aux réfugiés et aux déplacés, mise en place d'abris temporaires et organisation du rapatriement volontaire des populations<br /> 3.    Accessibilité à l'eau et assainissement<br /> 4.    Aide et soutien aux personnes handicapées et aux groupes vulnérables<br /> 5.    Assistance aux victimes : réadaptation physique, appareillage orthopédique, soutien psychosocial<br /> 6.    Santé préventive, soins et réadaptation grâce à des services de santé à proximité<br /> 7.    Réhabilitation et construction d'habitats et d'infrastructures communautaires accessibles<br /> 8.    Prévention des accidents par des restes explosifs de guerre et déminage<br /> 9.    Préparation aux catastrophes</p> </div> </div> </div> <script type="text/javascript"> require(["/fr/toolbox/module/sed/accordion/js/accordion.js"], function(app) { if (app) { app.init({ wuid: '14187' }); } }); </script></div></div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="13774" data-sn-code="sed_accordion" data-sn-name="Accord%C3%A9on" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_13774"><div class="sed_accordion widget wrap_accordion13450" id="w13774"> <div class="accordion panel panel-default closed" id="sed_accordion_item_59" > <div class="panel-heading" style="cursor:pointer;"> <h3 class="accordion-heading panel-title mb-0 d-flex justify-content-between align-items-center"> <div class="flex-grow-1"> Atlas logistique </div> <div class="icon_container"> <span class="icon fal fa-plus"></span> </div> </h3> </div> <div class="panel-collapse collapse" id="collapse_59" > <div class="panel-body"> <p>Atlas Logistique est notre unité opérationnelle spécialisée dans la mise en œuvre de services logistiques et la gestion de la chaîne d’approvisionnement pendant les crises humanitaires : transport et stockage mutualisés, génie civil léger, ateliers mécaniques et services de conseil et d’appui. Nous œuvrons chaque jour grâce à des solutions logistiques stratégiques et innovantes qui permettent aux acteurs humanitaires d’aller plus loin, plus vite.</p> </div> </div> </div> <script type="text/javascript"> require(["/fr/toolbox/module/sed/accordion/js/accordion.js"], function(app) { if (app) { app.init({ wuid: '13774' }); } }); </script></div></div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="13775" data-sn-code="sed_accordion" data-sn-name="Accord%C3%A9on" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_13775"><div class="sed_accordion widget wrap_accordion13451" id="w13775"> <div class="accordion panel panel-default closed" id="sed_accordion_item_60" > <div class="panel-heading" style="cursor:pointer;"> <h3 class="accordion-heading panel-title mb-0 d-flex justify-content-between align-items-center"> <div class="flex-grow-1"> Plaidoyer </div> <div class="icon_container"> <span class="icon fal fa-plus"></span> </div> </h3> </div> <div class="panel-collapse collapse" id="collapse_60" > <div class="panel-body"> <p>Nous défendons l'accès humanitaire, en nous focalisant sur certaines crises (Syrie, Myanmar, Yémen, Sahel) et en mettant l'accent sur l’impact des mesures de lutte contre le terrorisme et la protection des travailleurs humanitaires.</p> </div> </div> </div> <script type="text/javascript"> require(["/fr/toolbox/module/sed/accordion/js/accordion.js"], function(app) { if (app) { app.init({ wuid: '13775' }); } }); </script></div></div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="13776" data-sn-code="sed_accordion" data-sn-name="Accord%C3%A9on" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_13776"><div class="sed_accordion widget wrap_accordion13452" id="w13776"> <div class="accordion panel panel-default closed" id="sed_accordion_item_61" > <div class="panel-heading" style="cursor:pointer;"> <h3 class="accordion-heading panel-title mb-0 d-flex justify-content-between align-items-center"> <div class="flex-grow-1"> Covid-19 </div> <div class="icon_container"> <span class="icon fal fa-plus"></span> </div> </h3> </div> <div class="panel-collapse collapse" id="collapse_61" > <div class="panel-body"> <p>Alors que la pandémie continue, elle s’ajoute, dans certains pays, à des ressources limitées, à des crises humanitaires et à des systèmes de santé fragiles et saturés. Afin de répondre à l’ampleur exceptionnelle de cette crise sanitaire, nous adaptons nos projets en cours et en créons de nouveaux. Nous menons également des actions de plaidoyer pour alerter les décideurs de la nécessité de continuer les programmes humanitaires existants. Une approche holistique est adoptée en mettant en place une réponse opérationnelle appelée B-SAFE (Basic services access for everyone / Accès aux services de base pour tous). Ce plan d’action s’articule autour de trois axes : appuyer la réponse humanitaire, limiter les impacts de la pandémie et améliorer l’accès inclusif aux services essentiels.</p> </div> </div> </div> <script type="text/javascript"> require(["/fr/toolbox/module/sed/accordion/js/accordion.js"], function(app) { if (app) { app.init({ wuid: '13776' }); } }); </script></div></div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="13746" data-sn-code="sed_spacer" data-sn-name="Espaceur" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_13746"> <style type="text/css"> .wdg_spacer { clear:both; } </style> <div class="wdg_spacer space13422"> </div></div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="13747" data-sn-code="sed_essential_button_v2" data-sn-name="Bouton" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_13747"> <style> #sed_button_13423 .btn_alignment{ display:flex; width:100%; } #sed_button_13423 .btn_icon { max-height:100%; max-width:30px; } </style><div class="sed_button" id="sed_button_13423"> <a href="https://handicap-international.fr/sn_uploads/pdf/HI-2020-Urgence.pdf " class="btn_style btn-primary btn" target="_blank" > <div class="btn_alignment"> <span class="text"> Plus d'information </span> </div> </a></div></div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="13749" data-sn-code="sed_spacer" data-sn-name="Espaceur" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_13749"> <style type="text/css"> .wdg_spacer { clear:both; } </style> <div class="wdg_spacer space13425"> </div></div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="13751" data-sn-code="sed_text_textck_v2" data-sn-name="Texte" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_13751"><div id="v2ck13427" class="wid-style" > <p> </p> <h2><span style="color:#3498db;"><span style="font-size:36px;">Votre don en action</span></span></h2> <p> </p> </div><style type="text/css"> .box-element13427 img{ max-width:100%; } </style> </div> </div> </div> </div> <div class="sn-element row row-limited " data-sn-type="row" data-sn-id="8ab68f0350af4ec4aa9a6c276ec725a8" > <div class="sn-background sn-background-container"> <div class="sn-background sn-background-image"></div> <div class="sn-background sn-foreground-color"></div> </div> <div class="sn-element col-12 col-sm-12 col-md-6 col-lg-4 col-xl-6 " data-sn-type="column" data-sn-id="a41221991a9441d5991cdb21e632f62f" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="13752" data-sn-code="sed_text_textck_v2" data-sn-name="Texte" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_13752"><div id="v2ck13428" class="wid-style" > <p style="text-align: center;"><strong><span style="font-size:72px;"><span style="color:#ffffff;">CHF 60</span></span></strong><br></p> </div><style type="text/css"> .box-element13428 img{ max-width:100%; } </style> </div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="13753" data-sn-code="sed_text_textck_v2" data-sn-name="Texte" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_13753"><div id="v2ck13429" class="wid-style" > <p style="text-align: center;"><span style="color:#ffffff;">Vous nous permettez d'assurer les soins post-opératoires pour prévenir les handicaps définitifs.</span></p> </div><style type="text/css"> .box-element13429 img{ max-width:100%; } </style> </div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="13754" data-sn-code="sed_essential_button_v2" data-sn-name="Bouton" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_13754"> <style> #sed_button_13430 .btn_alignment{ display:flex; width:100%; } #sed_button_13430 .btn_icon { max-height:100%; max-width:30px; } </style><div class="sed_button" id="sed_button_13430"> <a href="https://donate.handicap-international.ch/fr/fill?montant=60&engagement=don_simple" class="btn_style btn-primary btn" target="_blank" > <div class="btn_alignment"> <span class="text"> JE FAIS UN DON </span> </div> </a></div></div> </div> </div> <div class="sn-element col-12 col-sm-12 col-md-6 col-lg-4 col-xl-6 " data-sn-type="column" data-sn-id="5d39b47ffbba4146b4529b23e5a20fa1" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="13755" data-sn-code="sed_text_textck_v2" data-sn-name="Texte" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_13755"><div id="v2ck13431" class="wid-style" > <p style="text-align: center;"><span style="color:#ffffff;"><span style="font-size:72px;"><strong>CHF 125</strong> </span></span><br></p> </div><style type="text/css"> .box-element13431 img{ max-width:100%; } </style> </div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="13756" data-sn-code="sed_text_textck_v2" data-sn-name="Texte" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_13756"><div id="v2ck13432" class="wid-style" > <p style="text-align: center;"><span style="color:#ffffff;">Vous contribuez à la fourniture du matériel médical : kits de soins, fauteuils roulants, béquilles, cadres de marche, etc.</span></p> </div><style type="text/css"> .box-element13432 img{ max-width:100%; } </style> </div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="13757" data-sn-code="sed_essential_button_v2" data-sn-name="Bouton" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_13757"> <style> #sed_button_13433 .btn_alignment{ display:flex; width:100%; } #sed_button_13433 .btn_icon { max-height:100%; max-width:30px; } </style><div class="sed_button" id="sed_button_13433"> <a href="https://donate.handicap-international.ch/fr/fill?montant=125&engagement=don_simple" class="btn_style btn-primary btn" target="_blank" > <div class="btn_alignment"> <span class="text"> JE FAIS UN DON </span> </div> </a></div></div> </div> </div> </div> </div> <div class="sn-element container-fluid " data-sn-type="container" data-sn-id="2d7624c8bb4d4f08923c6ae842535893" > <div class="sn-background sn-background-container"> <div class="sn-background sn-background-image"></div> <div class="sn-background sn-foreground-color"></div> </div> <div class="sn-element row row-limited " data-sn-type="row" data-sn-id="af94677d3a5e473ab49f302aaac2716a" > <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 " data-sn-type="column" data-sn-id="82978b1bc0204e6d9f934824702f5aaa" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="13761" data-sn-code="sed_text_textck_v2" data-sn-name="Texte" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_13761"><div id="v2ck13437" class="wid-style" > <p style="text-align: center;"> </p> <h2 style="text-align: center;"><span style="font-size:36px;"><span style="color:#ffffff;">Pays d'intervention</span></span><span style="font-size:36px;"><span style="color:#ffffff;"></span></span></h2> </div><style type="text/css"> .box-element13437 img{ max-width:100%; } </style> </div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="13762" data-sn-code="sed_text_textck_v2" data-sn-name="Texte" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_13762"><div id="v2ck13438" class="wid-style" > <p><span style="color:#ffffff;"><span style="font-size:20px;">Handicap International intervient dans près de 60 pays parmi les plus pauvres dans le monde. Découvrez en cliquant sur la carte interactive, les projets d'urgence que nous menons dans les différents pays.</span></span></p> <p> </p> </div><style type="text/css"> .box-element13438 img{ max-width:100%; } </style> </div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="13763" data-sn-code="hi_fed_map" data-sn-name="Interactive map HI 2019" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_13763"><style type="text/css"> #w13763{ position:relative; overflow:hidden; } #map13763{ width: 100%; background:#004e71; } #map13763 g[focusable=true]{ transition:opacity .3s cubic-bezier(.3,0,.2,.1); } #w13763.focus g[focusable=true], #w13763.focus .map_control{ opacity:0.2; } #w13763.info g[focusable=true]{ pointer-events:none; } #w13763 .map_control{ display:flex; flex-direction:column; align-items:center; position:absolute; right:15px; top:50%; transform:translateY(-50%); transition:opacity .3s cubic-bezier(.3,0,.2,1); } #w13763 .zoom_level{ display:block; } #w13763 .map_btn{ display:block; display:flex; align-items:center; justify-content:center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration:none; transition:all .3s cubic-bezier(.3,0,.2,1); } #w13763 .map_info{ position:absolute; top:0; left:0; width:100%; height:100%; display:none; animation:anim_map_info .5s cubic-bezier(.3,0,.2,1); align-items:center; } #w13763 .map_info .info_container{ max-width:420px; } #w13763.info .map_info{ display:flex; } #w13763 .btn_arrow{ color:#FFF; padding:0; border:0; } @keyframes anim_map_info{ 0%{ left:-100%; opacity:0; } 100%{ left:0; opacity:1; } } @media(max-width:767px){ #map13763{ height: 400px; } #w13763 .map_info{ padding:25px 15px 15px 15px; } #w13763 .map_info .info_container{ margin:auto; } } @media(max-width:575px){ #map13763{ height: 320px; } #w13763 .map_info{ padding:15px 15px 15px 15px; } #w13763.info .map_info{ display:flex; } #w13763 .country_name{ font-size:22px; } } </style><div id="w13763" tabindex="-1" aria-hidden="true"> <div id="map13763" class="map"></div> <div class="map_control"> <div class="mb-2"> <a href="javascript:void(0)" class="zoom_btn map_btn" data-zooming="1"> <span class="fa fa-plus"></span> </a> </div> <div class="mb-2"> <a href="javascript:void(0)" class="zoom_level" data-zoom="5"> <i class="fal fa-circle"></i> </a> </div> <div class="mb-2"> <a href="javascript:void(0)" class="zoom_level" data-zoom="3"> <i class="fal fa-circle"></i> </a> </div> <div class="mb-2"> <a href="javascript:void(0)" class="zoom_level" data-zoom="1"> <i class="fa fa-circle"></i> </a> </div> <div> <a href="javascript:void(0)" class="zoom_btn map_btn" data-zooming="-1"> <span class="fa fa-minus"></span> </a> </div> </div> <div class="map_info"> <div class="info_container"> <div class="mb-3 d-flex justify-content-between align-items-center"> <div class="country_name"> </div> <div class="ml-2"> <a href="javascript:void(0)" class="map_btn close_info"> <span class="d-block fal fa-times"></span> </a> </div> </div> <div class="country_text section"> <div class="mb-3 bold intervention"> </div> </div> <div class="section"> hi_fed_map : Start of the mission <b class="start_mission"></b> </div> <div class="mt-4"> <a href="javascript:void(0)" class="btn btn_arrow href"> <span class="arrow_container"><span class="arrow"></span><span class="btn_text">Lire la fiche pays</span></span> </a> </div> </div> </div></div><script src="https://www.amcharts.com/lib/4/core.js"></script> <script src="https://www.amcharts.com/lib/4/maps.js"></script> <script src="https://www.amcharts.com/lib/4/geodata/worldLow.js"></script> <script src="https://www.amcharts.com/lib/4/themes/animated.js"></script> <script>if(typeof am4core !== 'undefined'){ am4core.ready(function() { //check the zoom levels set in the html and build an array to cycle through var arr_zoom = new Array(); $('#w13763 .map_control').find('.zoom_level').each(function(){ arr_zoom.push(parseInt($(this).attr('data-zoom'))); }); arr_zoom.sort(); // Create map instance var chart = am4core.create("map13763", am4maps.MapChart); chart.seriesContainer.resizable = false; chart.chartContainer.wheelable = false; chart.maxZoomLevel = 1; // Set map definition chart.geodata = am4geodata_worldLow; // Set projection chart.projection = new am4maps.projections.Miller(); // Create map polygon series var polygonSeries = chart.series.push(new am4maps.MapPolygonSeries()); // Make map load polygon (like country names) data from GeoJSON polygonSeries.useGeodata = true; // Configure series var polygonTemplate = polygonSeries.mapPolygons.template; polygonTemplate.stroke = am4core.color("#004e71"); polygonTemplate.fill = am4core.color("#0077c8"); // Remove Antarctica polygonSeries.exclude = ["AQ","YE","MA","AF","MG","TD","BI"]; var morroco_present = false; // Create map polygon series var interventionSeries = chart.series.push(new am4maps.MapPolygonSeries()); // Make map load polygon (like country names) data from GeoJSON interventionSeries.useGeodata = true; // Configure series var interventionTemplate = interventionSeries.mapPolygons.template; // Create hover state and set alternative fill color //interventionTemplate.fill = am4core.color("#e35205"); interventionTemplate.stroke = am4core.color("#004e71"); interventionSeries.include = ["YE","MA","AF","MG","TD","BI"]; interventionSeries.data = [ { "id": "YE", "name": "Yémen", "href":"/fr/pays/yemen", "start_mission":"", "intervention":"Urgence" } , { "id": "MA", "name": "Maroc", "href":"/fr/pays/maroc", "start_mission":"", "intervention":"Urgence" } , { "id": "AF", "name": "Afghanistan", "href":"/fr/pays/afghanistan", "start_mission":"", "intervention":"Urgence" } , { "id": "MG", "name": "Madagascar", "href":"/fr/pays/madagascar", "start_mission":"", "intervention":"Urgence" } , { "id": "TD", "name": "Tchad", "href":"/fr/pays/tchad", "start_mission":"", "intervention":"Urgence" } , { "id": "BI", "name": "Burundi (plus d'intervention)", "href":"/fr/pays/burundi", "start_mission":"", "intervention":"Urgence" } ]; var iiii = ["YE","MA","AF","MG","TD","BI"]; var cccc = ["#e35205","#e35205","#e35205","#e35205","#e35205","#e35205"]; var countryColors = {}; for (let i = 0; i < iiii.length; i++) { countryColors[iiii[i]] = cccc[i];} function getFillColor(countryCode) { return countryColors[countryCode] || "#000000"; // Default color if not found } interventionTemplate.adapter.add("fill", function(fill, target) { // Check if target and dataItem exist if (target.dataItem) { // Ensure dataContext exists if (target.dataItem.dataContext) { // Safely access the id let countryCode = target.dataItem.dataContext.id; if (countryCode) { console.log("Country Code:", countryCode); return am4core.color(getFillColor(countryCode)); // Return the color } } } return am4core.color("#000000"); // Default color }); var current_zoom = chart.zoomLevel; var selected; interventionTemplate.events.on("hit", function(ev) { selected = ev.target; current_zoom = arr_zoom[Math.max(0, Math.min((arr_zoom.length -1), arr_zoom.indexOf(current_zoom) + 1))]; chart.maxZoomLevel = current_zoom; $('#w13763 .map_control').find('.zoom_level .fa').removeClass('fa').addClass('fal'); $('#w13763 .map_control').find('[data-zoom='+current_zoom+']').find('.fal').removeClass('fal').addClass('fa'); var info = ev.target._dataItem._dataContext; $("#w13763 .country_name").html(info.name); (info.intervention) ? $("#w13763 .intervention").html(info.intervention).closest('.section').show() : $("#w13763 .intervention").html(info.intervention).closest('.section').hide(); $("#w13763 .href").attr('href', info.href || "javascript:void(0)"); (info.start_mission) ? $("#w13763 .start_mission").html(info.start_mission).closest('.section').show() : $("#w13763 .start_mission").html(info.start_mission).closest('.section').hide(); $('#w13763').addClass('focus info'); ev.target.dispatchImmediately("out"); chart.zoomToMapObject(ev.target, current_zoom); chart.zoomLevel = current_zoom; }); interventionTemplate.tooltipText = "{name}"; interventionTemplate.events.on("over", function(ev) { $(ev.target.dom).css('opacity',1); $('#w13763').addClass('focus'); if(ev.target._dataItem._dataContext.id == 'MA'){ //$(interventionSeries.getPolygonById("EH").dom).css('opacity',1); }else if(ev.target._dataItem._dataContext.id == 'EH'){ // $(interventionSeries.getPolygonById("MA").dom).css('opacity',1); } }); interventionTemplate.events.on("out", function(ev) { if(!$('#w13763').hasClass('info')){ $('#w13763').removeClass('focus'); $(ev.target.dom).css('opacity',''); if(ev.target._dataItem._dataContext.id == 'MA'){ // $(interventionSeries.getPolygonById("EH").dom).css('opacity',''); }else if(ev.target._dataItem._dataContext.id == 'EH'){ // $(interventionSeries.getPolygonById("MA").dom).css('opacity',''); } } }); var lineSeries = chart.series.push(new am4maps.MapSplineSeries()); lineSeries.mapLines.template.line.strokeDasharray = "0.5,0.5"; lineSeries.mapLines.template.line.strokeWidth = 1; lineSeries.mapLines.template.line.stroke = "#004e71"; lineSeries.mapLines.template.line.nonScalingStroke = true; lineSeries.data = [{ "multiGeoLine": [ [ { "latitude": 27.71, "longitude": -13.05 }, { "latitude": 27.71, "longitude": -8.696904 } ] ] }]; morocco_sahara_series = (morroco_present) ? interventionSeries : polygonSeries; // hide the default borders for Morocco and the Western Sahara: chart.events.on("ready", function() { // morocco_sahara_series.getPolygonById("MA").strokeWidth = 0; //morocco_sahara_series.getPolygonById("EH").strokeWidth = 0; }); function zoom_to_level(zoom_level){ chart.maxZoomLevel = zoom_level; current_zoom = zoom_level; chart.zoomToGeoPoint(chart.zoomGeoPoint, zoom_level); $('#w13763 .map_control').find('.zoom_level .fa').removeClass('fa').addClass('fal'); $('#w13763 .map_control').find('[data-zoom='+zoom_level+']').find('.fal').removeClass('fal').addClass('fa'); } $('#w13763 .map_control .zoom_btn').on('click', function(){ var zoom_level = arr_zoom[Math.max(0, Math.min((arr_zoom.length -1), (arr_zoom.indexOf(current_zoom)) + parseInt($(this).attr('data-zooming'))))]; zoom_to_level(zoom_level); }); $('#w13763 .map_control .zoom_level').on('click', function(){ zoom_to_level(parseInt($(this).attr('data-zoom'))); }); $("#w13763 .close_info").on('click', function(){ $(this).closest('#w13763').removeClass('info focus'); $(selected.dom).css('opacity',''); zoom_to_level(arr_zoom[Math.max(0, Math.min((arr_zoom.length -1), (arr_zoom.indexOf(current_zoom)) + -1))]); }); }); // end am4core.ready() } </script></div> </div> </div> </div> </div> <div class="sn-element container-fluid " data-sn-type="container" data-sn-id="e094bf244e444a4caf5ef35b0a2f53ce" > <div class="sn-background sn-background-container"> <div class="sn-background sn-background-image"></div> <div class="sn-background sn-foreground-color"></div> </div> <div class="sn-element row row-limited " data-sn-type="row" data-sn-id="434f5b454f9f4892b12443394062c4f8" > <div class="sn-background sn-background-container"> <div class="sn-background sn-background-image"></div> <div class="sn-background sn-foreground-color"></div> </div> <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 " data-sn-type="column" data-sn-id="7f9cd72b244e42a2ae168b74441a3b7e" > <div class="sn-background sn-background-container"> <div class="sn-background sn-background-image"></div> <div class="sn-background sn-foreground-color"></div> </div> <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="13769" data-sn-code="sed_text_textck_v2" data-sn-name="Texte" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_13769"><div id="v2ck13445" class="wid-style" > <p style="text-align: center;"> </p> <p style="text-align: center;"> </p> <h2 style="text-align: center;"><span style="color:#ffffff;"><span style="font-size:36px;">Vidéo du terrain</span></span><span style="color:#ffffff;"><span style="font-size:36px;"></span></span></h2> </div><style type="text/css"> .box-element13445 img{ max-width:100%; } </style> </div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="13770" data-sn-code="sed_text_textck_v2" data-sn-name="Texte" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_13770"><div id="v2ck13446" class="wid-style" > <p><span style="font-size:22px;"><span style="color:#ffffff;"><span style="line-height:107%"><span style="font-family:Calibri,sans-serif">Retour sur nos actions en Haïti, un mois après le séisme d’août 2021 : </span></span></span></span></p> </div><style type="text/css"> .box-element13446 img{ max-width:100%; } </style> </div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="13771" data-sn-code="sed_media_video" data-sn-name="Vid%C3%A9o" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_13771"> <style type="text/css"> #wdg_video_13447 { width: 100%; height: auto; margin:auto; } #wdg_video_13447 .video-responsive-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } #wdg_video_13447 .video-responsive-container iframe, #wdg_video_13447 .video-responsive-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #wdg_video_13447 .wdg_transcript { margin: 0 0 15px 0; padding: 10px 15px 20px 15px; font-style: italic; border-bottom: 2px solid #c3c3c3; background-color: #e7e7e7; color: #000000; } #wdg_video_13447 .btn_transcript { font-size: 0.8em; text-align: right; text-decoration: underline; font-style: italic; } #wdg_video_13447 .btn_close_transcript { font-size: 0.8em; text-align: right; text-decoration: underline; font-style: italic; margin-bottom: 10px; } #wdg_video_13447 .play_icon{ font-size:24px; background-color:rgba(0,0,0,0.15); text-align:center; position:absolute; height:100%; width:100%; top:0; left:0; cursor:pointer; } #wdg_video_13447 .play_icon i{ display:block; margin:auto; position:relative; top:50%; margin-top:-12px; color:#FFF; opacity:0.7; } #wdg_video_13447 .play_icon:hover i{ opacity:1; } #wdg_video_13447 .preview_bg{ position:absolute; width:100%; height:100%; top:0; left:0; display: flex; flex-direction: row; flex-direction: column; justify-content: center; } #wdg_video_13447 .preview_bg:hover{ cursor:pointer; } #wdg_video_13447 .play_btn_container{ position:relative; } #wdg_video_13447 .play_button{ position:relative; transform: translateY(-50%); top:50%; } #wdg_video_13447 .play_title{ bottom: 100%; } #wdg_video_13447 .play_text{ top: 100%; } #wdg_video_13447 .play_text , #wdg_video_13447 .play_title { position: absolute; width: 100%; height:50px; line-height:50px; font-size:26px; color:#FFF; margin:auto; text-align:center; border-radius:0%; /* background:rgba(0,0,0,0); left: 50%; transform:translateX(-50%); */ } /* .wdg_video .preview_bg:hover>div.play_btn_container div.play_text, .wdg_video .preview_bg:hover>div.play_btn_container .play_title{ background:rgba(0,0,0,0); } */ #wdg_video_13447 .play_button{ position:relative; /*width:50px;*/ /*height:50px;*/ /*line-height:50px;*/ /*font-size:26px;*/ font-size: 40px; color:#FFF; /*background:rgba(0,0,0,0.4);*/ margin:auto; text-align:center; /*border-radius:50%;*/ } #wdg_video_13447 .play_title{ margin: 0px 0px 20px 0px; } #wdg_video_13447 .play_text{ margin: 10px 0px 0px 0px; } #wdg_video_13447 .play_title, #wdg_video_13447 .play_text{ opacity:0.9; } #wdg_video_13447 .preview_bg:hover>div.play_btn_container div{ /*background:rgba(0,0,0,1);*/ } #wdg_video_13447 .preview_bg:hover>div.play_btn_container .play_title, #wdg_video_13447 .preview_bg:hover>div.play_btn_container div.play_text, #wdg_video_13447 .preview_bg:hover>div.play_btn_container div:before{ opacity:1; } #wdg_video_13447 .play_img { opacity:0.8; width: 40px; height: 40px; } #wdg_video_13447 .preview_bg:hover>div.play_btn_container div.play_img{ opacity:1; } </style><div class="wdg_video" id="wdg_video_13447"> <div class="video-responsive-container"> <iframe width="100%" height="100%" src="https://www.youtube.com/embed/gMI17YoE_lc?rel=0" frameborder="0" title="Vidéo Youtube" allowfullscreen></iframe> </div> </div> </div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="13777" data-sn-code="sed_text_textck_v2" data-sn-name="Texte" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_13777"><div id="v2ck13453" class="wid-style" > <p><br></p><p><span style="color:#ffffff;"><span style="font-size:22px;">Depuis mars 2020, nous intervenons dans la crise de la Covid-19 : distribution de kits, séances de sensibilisation, etc : </span></span></p><p><span style="color:#ffffff;"><span style="font-size:22px;"></span></span></p> </div><style type="text/css"> .box-element13453 img{ max-width:100%; } </style> </div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="13778" data-sn-code="sed_media_video" data-sn-name="Vid%C3%A9o" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_13778"> <style type="text/css"> #wdg_video_13454 { width: 100%; height: auto; margin:auto; } #wdg_video_13454 .video-responsive-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } #wdg_video_13454 .video-responsive-container iframe, #wdg_video_13454 .video-responsive-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #wdg_video_13454 .wdg_transcript { margin: 0 0 15px 0; padding: 10px 15px 20px 15px; font-style: italic; border-bottom: 2px solid #c3c3c3; background-color: #e7e7e7; color: #000000; } #wdg_video_13454 .btn_transcript { font-size: 0.8em; text-align: right; text-decoration: underline; font-style: italic; } #wdg_video_13454 .btn_close_transcript { font-size: 0.8em; text-align: right; text-decoration: underline; font-style: italic; margin-bottom: 10px; } #wdg_video_13454 .play_icon{ font-size:24px; background-color:rgba(0,0,0,0.15); text-align:center; position:absolute; height:100%; width:100%; top:0; left:0; cursor:pointer; } #wdg_video_13454 .play_icon i{ display:block; margin:auto; position:relative; top:50%; margin-top:-12px; color:#FFF; opacity:0.7; } #wdg_video_13454 .play_icon:hover i{ opacity:1; } #wdg_video_13454 .preview_bg{ position:absolute; width:100%; height:100%; top:0; left:0; display: flex; flex-direction: row; flex-direction: column; justify-content: center; } #wdg_video_13454 .preview_bg:hover{ cursor:pointer; } #wdg_video_13454 .play_btn_container{ position:relative; } #wdg_video_13454 .play_button{ position:relative; transform: translateY(-50%); top:50%; } #wdg_video_13454 .play_title{ bottom: 100%; } #wdg_video_13454 .play_text{ top: 100%; } #wdg_video_13454 .play_text , #wdg_video_13454 .play_title { position: absolute; width: 100%; height:50px; line-height:50px; font-size:26px; color:#FFF; margin:auto; text-align:center; border-radius:0%; /* background:rgba(0,0,0,0); left: 50%; transform:translateX(-50%); */ } /* .wdg_video .preview_bg:hover>div.play_btn_container div.play_text, .wdg_video .preview_bg:hover>div.play_btn_container .play_title{ background:rgba(0,0,0,0); } */ #wdg_video_13454 .play_button{ position:relative; /*width:50px;*/ /*height:50px;*/ /*line-height:50px;*/ /*font-size:26px;*/ font-size: 40px; color:#FFF; /*background:rgba(0,0,0,0.4);*/ margin:auto; text-align:center; /*border-radius:50%;*/ } #wdg_video_13454 .play_title{ margin: 0px 0px 20px 0px; } #wdg_video_13454 .play_text{ margin: 10px 0px 0px 0px; } #wdg_video_13454 .play_title, #wdg_video_13454 .play_text{ opacity:0.9; } #wdg_video_13454 .preview_bg:hover>div.play_btn_container div{ /*background:rgba(0,0,0,1);*/ } #wdg_video_13454 .preview_bg:hover>div.play_btn_container .play_title, #wdg_video_13454 .preview_bg:hover>div.play_btn_container div.play_text, #wdg_video_13454 .preview_bg:hover>div.play_btn_container div:before{ opacity:1; } #wdg_video_13454 .play_img { opacity:0.8; width: 40px; height: 40px; } #wdg_video_13454 .preview_bg:hover>div.play_btn_container div.play_img{ opacity:1; } </style><div class="wdg_video" id="wdg_video_13454"> <div class="video-responsive-container"> <iframe width="100%" height="100%" src="https://www.youtube.com/embed/WvijzjSZqpY?rel=0" frameborder="0" title="" allowfullscreen></iframe> </div> </div> </div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="13830" data-sn-code="sed_text_textck_v2" data-sn-name="Texte" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_13830"><div id="v2ck13506" class="wid-style" > <p> </p><p> </p> </div><style type="text/css"> .box-element13506 img{ max-width:100%; } </style> </div> </div> </div> </div> </div> <div class="sn-element section-nogutters container-fluid section-nogutters " data-sn-type="container" data-sn-id="6342bddc494a48028b8b341e01d8668f" > <div class="sn-element row " data-sn-type="row" data-sn-id="b5b431424a3147b3ba76dc9665ab8086" > <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 " data-sn-type="column" data-sn-id="e9c1a1ab74fb4e27adabb0568df516fd" > <div data-sn-json-csseditor="0" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="13772" data-sn-code="usine_button_help_them" data-sn-name="Bouton aidez-les" data-sn-nbview="4" > <div class="sn-element-content" id="sn_widget_13772"> <style> #w_13448{ PADDING-TOP:18px; } #w_13448 .stripe{ display:table; width:100%; } #w_13448 .stripe > *{ display:table-cell; vertical-align:middle; } #w_13448 .stripe > .col1{ width:40%; position:relative; background:#d34607; } #w_13448 .stripe > .col2{ background:#d2492A ; padding:15px 20px 15px 34px; } #w_13448 .stripe > .col2 a{ color:#FFF; font-size:27px; font-weight:bold; } #w_13448 .stripe > .col1:before{ position:absolute; top:50%; transform:translateY(-50%); left:100%; content:''; display:block; border-left:14px #d34607 solid; border-top:11px transparent solid; border-bottom:11px transparent solid; } #w_13448 .stripe > .col1:after{ display:table; content:''; clear:both; } #w_13448 .stripe_desc_container{ display:table; height:100%; float:right; text-transform:uppercase; } #w_13448 .stripe_desc{ display:table-cell; vertical-align:middle; position:relative; padding:20px 20px 20px 10px; font-size:25px; font-weight:bold; color:#FFF; line-height:27px; } #w_13448 .stripe_desc:before{ content:''; display:block; position:absolute; width:106px; height:106px; background:url(/sn_uploads/widgets/hand.png) no-repeat top right; background-size:100%; right:100%; top:-18px; } @media (max-width:767px){ #w_13448 .stripe, #w_13448 .stripe > *{ display:block; width:100%; } #w_13448 .stripe > .col1{ width:auto; text-align:center; } #w_13448 .stripe_desc_container{ display:inline-block; float:none; } #w_13448 .stripe_desc{ padding:20px 10px; } #w_13448 .stripe > .col1:before{ top:100%; transform:translateX(-50%); left:50%; border-top:14px #d34607 solid; border-left:11px transparent solid; border-right:11px transparent solid; border-bottom:none; } #w_13448 .stripe > .col2{ text-align:center; padding:29px 20px 15px 20px; } } </style> <div id="w_13448" class="row"> <div class="stripe"> <div class="col1"> <div class="stripe_desc_container"> <div class="stripe_desc"> <span class="sn_pencil" data-sn_uid="1225">Aidez-les<br>concrètement</span> </div> </div> </div> <div class="col2"> <a href="https://donate.handicap-international.ch/fr"> <span class="sn_pencil" data-sn_uid="1226">Faites un don dès maintenant</span> </a> </div> </div> </div></div> </div> </div> </div> </div> <div class="sn-element container " data-sn-type="container" data-sn-id="90a5a6d175874299adffa91386e45a6a" > <div class="sn-element row " data-sn-type="row" data-sn-id="468cf5688dde4811956ae624875d5488" > <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 " data-sn-type="column" data-sn-id="0abe2dbbd42a45aca39d58cd5e6bed46" > <div data-sn-json-csseditor="0" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="13773" data-sn-code="usine_read_more" data-sn-name="Paroles du terrain%2FPour aller plus loin" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_13773"> <div class="country_page_header"> <h2 class="text-uppercase"><strong><span class="sn_pencil" data-sn_uid="1311">Pour aller</span></strong> <span class="sn_pencil" data-sn_uid="1312">plus loin</span></h2> </div> <div class="row lastest_story_detail" id="w_13449"> <div class="col-md-4 "> <a href="/fr/actualites/gaza-l-histoire-de-qamar-7-ans"> <img src="/sn_uploads/ch/news/GAZA_Qamar_C8813T01_1--1-.jpg?size=350x200&crop" alt="Gaza : l'histoire de Qamar, 7 ans" class="d-block img-fluid"> </a> <div class="legend"> © Y. Nateel / HI </div> <span class="tag">Mines et autres armes</span> <span class="tag">Stop Bombing Civilians</span> <span class="tag">Urgence</span> <h4 class="news_title mt-md"><a href="/fr/actualites/gaza-l-histoire-de-qamar-7-ans">Gaza : l'histoire de Qamar, 7 ans</a></h4> <div class="summary" style="max-height:80px;"> <p>Parmi les personnes prises en charge par nos équipes, c’est la petite Qamar que nous avons choisi de vous présenter en vidéo. Lorsqu'un obus de char a frappé sa maison dans le nord de Gaza, elle a été gravement blessée et amputée de la jambe droite, a seulement 7 ans. Aujourd’hui, elle vit avec sa famille dans un camp de déplacés, où les conditions sont très précaires.   </p> </div> </div> <div class="col-md-4 "> <a href="/fr/actualites/les-frappes-massives-au-liban-font-des-centaines-de-morts-et-de-blesses"> <img src="/sn_uploads/federation/news/Hayat-1-1-_1.jpg?size=350x200&crop" alt="Les frappes massives au Liban font des centaines de morts et de blessés" class="d-block img-fluid"> </a> <div class="legend"> © HI </div> <span class="tag">Urgence</span> <h4 class="news_title mt-md"><a href="/fr/actualites/les-frappes-massives-au-liban-font-des-centaines-de-morts-et-de-blesses">Les frappes massives au Liban font des centaines de morts et de blessés</a></h4> <div class="summary" style="max-height:80px;"> <p>Les bombardements massifs lancés sur le Liban créent la panique et aggravent la crise humanitaire au Liban.</p> </div> </div> <div class="col-md-4 "> <a href="/fr/actualites/qui-saura-qu-elles-ont-besoin-d-aide"> <img src="/sn_uploads/federation/news/UKRPROTECTION3661.jpeg?size=350x200&crop" alt="« Si on ne s’occupe pas de ces personnes, alors qui saura qu’elles ont besoin d’aide ? »" class="d-block img-fluid"> </a> <div class="legend"> © H. Kostenko / HI </div> <span class="tag">Prévention</span> <span class="tag">Santé</span> <span class="tag">Urgence</span> <h4 class="news_title mt-md"><a href="/fr/actualites/qui-saura-qu-elles-ont-besoin-d-aide">« Si on ne s’occupe pas de ces personnes, alors qui saura qu’elles ont besoin d’aide ? »</a></h4> <div class="summary" style="max-height:80px;"> <p>Nos équipes réalisent une évaluation des besoins dans un centre d’accueil de personnes déplacées, à Yurivka (Ukraine). La majorité d’entre elles, ont été impactées par les bombardements.</p> </div> </div> <script> $('#w_13449 .summary').truncate_text({ watch:'resize'/*, expandLink:'Lire la suite', expandLinkCallBack:function($container){ $container.css('max-height',''); }*/ }); </script> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="footer" class="sn-element container-fluid hidden-print hidden-print " data-sn-type="container" data-sn-id="db7bfbef19ad4860a579f455ff29d1f1" > <div class="sn-background sn-background-container"> <div class="sn-background sn-background-image"></div> <div class="sn-background sn-foreground-color"></div> </div> <div class="sn-element row " data-sn-type="row" data-sn-id="c6f5caca6ed141fd8e620a206d2613b5" > <div class="sn-background sn-background-container"> <div class="sn-background sn-background-image"></div> <div class="sn-background sn-foreground-color"></div> </div> <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 " data-sn-type="column" data-sn-id="9c95aceec65c4fc5bc054c3f1f2d0e4f" > <div class="sn-element row row-limited footer_row2 footer_row2 " data-sn-type="row" data-sn-id="c110e62407704deca96029ef7262bb8f" > <div class="sn-element footer_row2_col1 col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 footer_row2_col1 " data-sn-type="column" data-sn-id="8a229ead97264847bb4810a1909722e2" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="4426" data-sn-code="sed_text_textck" data-sn-name="Ajouter du texte" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_4426"><div id="ck4439 " class="wid-style box-element_gamila4439 "> <p><strong>HANDICAP INTERNATIONAL</strong></p><p>Avenue de la Paix 11 - 1202 Genève (siège)      +41 (0) 22 788 70 33</p><p><u><a href="/cdn-cgi/l/email-protection#14777b7a607577603a67617d676771547c7d3a7b6673"><span class="__cf_email__" data-cfemail="23404c4d574240570d50564a505046634b4a0d4c5144">[email protected]</span></a></u></p></div><style type="text/css"> .box-element4439 { margin: 0px; padding:0px; } .box-element4439 img{ max-width:100%; } .newspaper4439 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style></div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="11089" data-sn-code="sed_text_textck" data-sn-name="Ajouter du texte" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_11089"><div id="ck10776 " class="wid-style box-element_gamila10776 "> <p><a href="/fr/newsletter"><span style="color:#ffffff;"><u>Abonnez-vous à notre Newsletter</u></span></a></p> </div><style type="text/css"> .box-element10776 { margin: 0px; padding:0px; } .box-element10776 img{ max-width:100%; } .newspaper10776 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style></div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="11099" data-sn-code="sed_social_media" data-sn-name="R%C3%A9seaux sociaux" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_11099"> <div class="wdg_social_media10786_parent"> <div class="wdg_social_media10786" > <style> .wdg_social_media10786 ul{ padding:0; margin:0; list-style:none; display:table; font-size:18px; } .wdg_social_media10786 ul.large{ font-size:26px; } .wdg_social_media10786 ul.small{ font-size:13px; } .wdg_social_media10786 li{ display:table-cell; vertical-align:middle; padding-right:10px; } .wdg_social_media10786 li:last-child{ padding-right:0; } .wdg_social_media10786 a{ text-decoration:none; color:primary; background:#ffffff; display:block; text-align:center; height:34px; line-height:34px; width:34px; } .wdg_social_media10786 .large a{ height:50px; line-height:50px; width:50px; } .wdg_social_media10786 .small a{ height:20px; line-height:20px; width:20px; } .wdg_social_media10786 .circle a{ border-radius:50%; } .wdg_social_media10786 .withoutframe a{ background:transparent!important; color:primary; } .wdg_social_media10786 .diamond a{ transform:rotate(45deg); } .wdg_social_media10786 .diamond li{ padding:6px 16px 6px 6px; } .wdg_social_media10786 .diamond li:last-child{ padding:6px; } .wdg_social_media10786 .diamond.large li{ padding:10px 22px 10px 10px; } .wdg_social_media10786 .diamond.large li:last-child{ padding:10px; } .wdg_social_media10786 .diamond.small li{ padding:3px 8px 3px 3px; } .wdg_social_media10786 .diamond.small li:last-child{ padding:3px; } .wdg_social_media10786 .diamond img{ transform:rotate(-45deg); } .wdg_social_media10786 .diamond i{ width:100%; height:100%; transform:rotate(-45deg); top:0; } .wdg_social_media10786 .diamond .fa{ transform:rotate(-45deg); top:0; } .wdg_social_media10786 .diamond i:before{ position:relative; top:25%; } .wdg_social_media10786 a:hover{ background:#ffffff; color:#06038d; } .wdg_social_media10786 i{ display:block; position:relative; top:50%; transform:translateY(-50%); } .wdg_social_media10786 a.img{ width:auto; border-radius:0; background:none; } .wdg_social_media10786 a.img:hover{ background:none; opacity:0.7; } .wdg_social_media10786 a img{ height:34px; display:block; vertical-align: middle; } .wdg_social_media10786 .large a img{ height:50px; } .wdg_social_media10786 .small a img{ height:20px; } .wdg_social_media10786 { float:left; } .wdg_social_media10786_parent:after { content: ""; display:table; clear:both; } .wdg_social_media10786_parent { text-align:center; } </style> <ul class="circle medium"> <li> <a href="https://www.facebook.com/hisuisse" target="_blank" title="Facebook"> <span class="fab fa-facebook" aria-hidden="true"></span> </a> </li> <li> <a href="https://www.instagram.com/hi_suisse/" target="_blank" title="Instagram"> <span class="fab fa-instagram" aria-hidden="true"></span> </a> </li> <li> <a href="https://twitter.com/hi_suisse" target="_blank" title="Twitter"> <span class="fa-brands fa-x-twitter" aria-hidden="true"></span> </a> </li> <li> <a href="https://www.linkedin.com/company/handicap-international-suisse-schweiz" target="_blank" title="Linkedin"> <span class="fab fa-linkedin" aria-hidden="true"></span> </a> </li> <li> <a href="https://www.youtube.com/channel/UCpvePaygrS0Y8dgG7j4hOQQ" target="_blank" title="YouTube"> <span class="fab fa-youtube" aria-hidden="true"></span> </a> </li> </ul> </div> </div></div> </div> </div> <div class="sn-element footer_row2_col3 col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 footer_row2_col3 " data-sn-type="column" data-sn-id="1cc5b3fe005842d2b20bc69c98623024" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="4428" data-sn-code="sed_text_textck" data-sn-name="Ajouter du texte" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_4428"><div id="ck4441 " class="wid-style box-element_gamila4441 "> <p><strong>Le don et vous</strong></p> </div><style type="text/css"> .box-element4441 { margin: 0px; padding:0px; } .box-element4441 img{ max-width:100%; } .newspaper4441 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style></div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="4499" data-sn-code="sed_essential_button" data-sn-name="Bouton" data-sn-nbview="2" > <div class="sn-element-content" id="sn_widget_4499"> <style type="text/css"> .btn_centered { text-align: center; } .btn_right { text-align: right; } .btn_left { text-align: left; } /* the custom removed because the styler is added*/ </style><div class="sed_button4512 btn_left" id="sed_button_4512"> <a href="/fr/beneficiaires" class="btn-style btn unstyled btn-rg " target="_self" > <div class="btn-alignment d-flex align-items-center"> <img class='btn-icon' src=/sn_uploads/fck/don_reg_rond.png style='max-width:30px' alt=don_reg_rond.png></img> Témoignages de bénéficiaires </div> </a></div></div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="4436" data-sn-code="sed_essential_button" data-sn-share data-sn-name="Bouton" data-sn-nbview="2" > <div class="sn-element-content" id="sn_widget_4436"> <style type="text/css"> .btn_centered { text-align: center; } .btn_right { text-align: right; } .btn_left { text-align: left; } /* the custom removed because the styler is added*/ </style>  <div class="sed_button4449 btn_left" id="sed_button_4449"> <a href="/fr/transparence-financiere" class="btn-style btn unstyled btn-rg " target="_self" > <div class="btn-alignment d-flex align-items-center"> <img class='btn-icon' src=/sn_uploads/fck/book_rond.png style='max-width:35px' alt=book_rond.png></img> Transparence financière </div> </a> </div></div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="11093" data-sn-code="sed_text_textck" data-sn-name="Ajouter du texte" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_11093"><div id="ck10780 " class="wid-style box-element_gamila10780 "> <p>CCP 12-522-4</p><p>BIC : POFICHBEXXX         </p><p>IBAN : CH66 0900 0000 1200 0522 4</p></div><style type="text/css"> .box-element10780 { margin: 0px; padding:0px; } .box-element10780 img{ max-width:100%; } .newspaper10780 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style></div> </div> </div> <div class="sn-element col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 " data-sn-type="column" data-sn-id="51e4dd703dc6480b8d4e184087378277" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="11097" data-sn-code="sed_text_textck" data-sn-name="Ajouter du texte" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_11097"><div id="ck10784 " class="wid-style box-element_gamila10784 "> <p><span style="font-size:12px;">Handicap International est une organisation d’utilité publique<span style="color:null;">, </span><a href="/fr/prix-nobel-de-la-paix"><span style="color:#ffffff;"><u>co-prix Nobel de la Paix</u></span></a><span style="color:null;">,</span> labellisée <a href="https://ideas.asso.fr/le-label/"><span style="color:#ffffff;"><u>IDEAS</u></span></a>  qui atteste de la qualité de notre gouvernance, de notre gestion financière et du suivi de l'efficacité de nos actions.</span></p> <p><span style="font-size:12px;">Vos dons sont déductibles des impôts. N° registre du commerce IDE CHE 109.984.143.</span></p></div><style type="text/css"> .box-element10784 { margin: 0px; padding:0px; } .box-element10784 img{ max-width:100%; } .newspaper10784 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style></div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="11090" data-sn-code="sed_media_image" data-sn-name="Ajouter une image" data-sn-nbview="1" > <div class="sn-element-content" id="sn_widget_11090"> <style type="text/css"> /* Magnific Popup CSS */.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close,button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */.mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } #w_11090 img{ max-width: 100%; } #w_11090 .img-circle { border-radius: 50%; } #w_11090{ display: flex; justify-content:center; } </style><div id="w_11090"> <div> <a href="https://ideas.asso.fr/le-label/" target=_blank> <img class=" service-img img-max-100 d-none d-lg-block " style="opacity:1;" src="/sn_uploads/images-pages/Logo_IDEAS_112x41.png" alt="Label IDEAS" title=""> <img class=" service-img img-max-100 d-none d-md-block d-lg-none" style="opacity:1;" src="/sn_uploads/images-pages/Logo_IDEAS_112x41.png" alt="Label IDEAS" title=""> <img class=" service-img img-max-100 d-none d-sm-block d-md-none" style="opacity:1;" src="/sn_uploads/images-pages/Logo_IDEAS_112x41.png" alt="Label IDEAS" title=""> <img class=" service-img img-max-100 d-sm-none" style="opacity:1;" src="/sn_uploads/images-pages/Logo_IDEAS_112x41.png" alt="Label IDEAS" title=""> </a> </div> </div></div> </div> </div> </div> <div class="sn-element row row-limited footer_row3 footer_row3 " data-sn-type="row" data-sn-id="e1e3db41-0eef-44d9-8810-4141b9234cda" > <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 " data-sn-type="column" data-sn-id="22222995-e8a5-4273-880d-c05ebfa82431" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="10659" data-sn-code="w_horizontal_menu_one_level" data-sn-share data-sn-name="Menu horizontal un niveau" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_10659"> <style> #w15954 > .menu_list{ padding:0; margin:0; list-style:none; display:flex; } #w15954 .link-level-1{ display:flex; height:100%; } </style> <nav id="w15954" class="w_horizontal_menu_one_level"> <ul class='menu_list'> <li class="level-1 "> <a class="link-level-1" href="/fr/contact"><span class="link_text">Contact</span></a> </li> <li class="level-1 "> <a class="link-level-1" href="/fr/acces"><span class="link_text">Accès</span></a> </li> <li class="level-1 "><a class="link-level-1" target="" href="/fr/espace-presse"><span class="link_text">Espace presse</span></a></li> <li class="level-1 "> <a class="link-level-1" href="/fr/foire-aux-questions"><span class="link_text">FAQ</span></a> </li> <li class="level-1 "> <a class="link-level-1" href="/fr/mentions-legales"><span class="link_text">Mentions légales</span></a> </li> <li class="level-1 "> <a class="link-level-1" href="/fr/protection-des-donnees"><span class="link_text">Protection des données</span></a> </li> <li class="level-1 "> <a class="link-level-1" href="/fr/emploi"><span class="link_text">Offres d'emploi</span></a> </li> <li class="level-1 "><a class="link-level-1" target="" href="https://www.hi.org/fr/formulaire-signalement"><span class="link_text">Nous alerter</span></a></li> </ul> </nav></div> </div> </div> </div> </div> </div> </div>  <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src=" https://secure.adnxs.com/px?id=1793348&seg=37501385&t=1 " type="text/javascript"></script>   <script type="text/javascript" src="https://try.abtasty.com/fb0452361e10ff260d82667bdac318f0.js"></script>    <meta name="theme-color" content="#0077c8">  <meta name="msapplication-navbutton-color" content="#0077c8">  <meta name="apple-mobile-web-app-status-bar-style" content="#0077c8">  <link href="/extenso/fontawesome/css/all.min.css" rel="stylesheet" /> </body></html>