index-soutien/index.html
isUnknown f49c9d7712 Mise à jour contenu : FAQ Soutiens, textes hero et titre vidéo EN
- Ajout de 5 nouvelles questions sur les Soutiens d'Index en tête de FAQ (FR + EN)
- Hero : "Objectif 500 Soutiens au 21 juin 2026" / "Goal: 500 Supporters by 21 June 2026"
- Titre vidéo EN : "Why support Index? Hear from those at the heart of it."
- Onglets dons : don mensuel affiché en premier et sélectionné par défaut

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-06 09:02:10 +01:00

1002 lines
46 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Pour continuer, Index a besoin de vous.</title>
<meta
name="description"
content="Aidez-nous à poursuivre nos enquêtes en toute indépendance : dès aujourd'hui, faites un don à index. (Tous les dons sont défiscalisables)"
/>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/swiper@12/swiper-bundle.min.css"
/>
<script src="https://cdn.jsdelivr.net/npm/swiper@12/swiper-bundle.min.js"></script>
<link rel="icon" type="image/png" href="assets/favicon.png" />
<link rel="stylesheet" type="text/css" href="assets/fonts/stylesheet.css" />
<link rel="stylesheet" type="text/css" href="assets/css/style.css" />
<script src="assets/js/onload.js"></script>
<script src="assets/js/temp/includeHtml.js"></script>
<script src="assets/js/donorbox-gauge.js"></script>
<script src="assets/js/donation.js"></script>
<script src="assets/js/newsletter-brevo.js"></script>
<meta name="robots" content="index, nofollow" />
</head>
<body data-template="support">
<header id="site-header">
<div class="header-left"></div>
<div class="header-center">
<h1 class="site-title">
<a
href="https://www.index.ngo/"
aria-label="Retour à laccueil"
title="aller au site d'Index"
>
<svg
width="100%"
height="100%"
viewBox="0 0 162 29"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xml:space="preserve"
xmlns:serif="http://www.serif.com/"
style="
fill-rule: evenodd;
clip-rule: evenodd;
stroke-linejoin: round;
stroke-miterlimit: 2;
"
>
<title>Index.ngo</title>
<g transform="matrix(1.04516,0,0,0.659091,57.4839,-6.59091)">
<rect
x="-55"
y="10"
width="155"
height="44"
style="fill: none"
/>
<clipPath id="_clip1">
<rect x="-55" y="10" width="155" height="44" />
</clipPath>
<g clip-path="url(#_clip1)">
<g transform="matrix(0.95679,0,0,1.51724,-55,10)">
<path
d="M162,29L148.198,29L141.174,20.767L134.15,29L91.184,29L91.184,0.004L120.653,0.004L120.653,7.351L102.637,7.351L102.637,10.867L120.137,10.867L120.137,18.13L102.637,18.13L102.637,21.606L120.926,21.606L120.926,28.951L134.273,14.414L120.807,0L134.56,0L141.388,7.767L147.76,0L161.201,0L148.236,13.79L161.996,28.997L162,29ZM68.58,29L54.224,29L54.224,0.004L68.637,0.004C74.672,0.004 78.31,0.004 82.046,2.045C86.259,4.379 88.674,8.889 88.674,14.417C88.674,19.406 86.862,23.405 83.427,25.975C79.463,29 75.345,29 68.58,29ZM49.819,29L38.775,29L31.499,19.815C29.746,17.735 28.088,15.545 27.307,14.495C27.387,15.813 27.524,17.238 27.524,20.499L27.524,29L15.965,29L15.965,0.004L27.009,0.004L33.798,8.349C36.223,11.121 37.709,12.993 38.393,13.881C38.347,12.615 38.26,9.911 38.26,6.84L38.26,0.004L49.819,0.004L49.819,29ZM11.559,29L0,29L0,0.004L11.559,0.004L11.559,29ZM65.784,21.818L67.904,21.818C70.918,21.818 73.067,21.818 74.728,20.531C76.074,19.491 76.845,17.308 76.845,14.541C76.845,11.526 76.084,9.541 74.525,8.476C72.895,7.411 71.461,7.224 67.578,7.224L65.784,7.224L65.784,21.818Z"
style="fill-rule: nonzero"
/>
</g>
</g>
</g>
</svg>
</a>
</h1>
</div>
<div class="header-right">
<ul id="toggle-lang">
<li class="is-selected"><a href="./">Fr</a></li>
<li><a href="./en">En</a></li>
</ul>
</div>
</header>
<main>
<div class="col-left">
<section id="section__hero">
<p class="p__baseline-big">
Pour continuer à enquêter, <br />Index a besoin de vous
</p>
<div class="gauge__container">
<div id="gauge" style="--pourcent: 0%"></div>
<div class="gauge--infos" id="gauge--infos__donateurs">
<p class="property">Soutiens réguliers</p>
<p class="value">0</p>
</div>
<div class="gauge--infos" id="gauge--infos__objectif">
<p class="property">Objectif</p>
<p class="value">500</p>
</div>
</div>
<p class="p__baseline-big">
Objectif 500 Soutiens<br /><strong>au 21 juin 2026</strong>
</p>
</section>
<section id="section__baseline">
<p class="p__baseline">
Index est une ONG dinvestigation <br />à&nbsp;but non-lucratif.
<br />Vos dons garantissent notre indépendance.
</p>
</section>
<section id="section__video">
<h2 class="section__heading">
Pourquoi soutenir Index&#8239; ? <br />Écoutez les premier·es
concerné·es
</h2>
<div class="video-container">
<iframe
title="Vidéo de campagne"
src="https://player.vimeo.com/video/1136134721?h=34815e9442&autoplay=1"
style="aspect-ratio: 9/16; width: 100%; border: 0"
allow="autoplay; fullscreen; picture-in-picture"
allowfullscreen
></iframe>
</div>
<input type="checkbox" id="videos__input" />
<label class="btn__deploy" for="videos__input">
<span class="txt">Voir les témoignages</span>
<span class="icon"
><svg
width="34px"
height="34px"
viewBox="0 0 16 13"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xml:space="preserve"
xmlns:serif="http://www.serif.com/"
style="
fill-rule: evenodd;
clip-rule: evenodd;
stroke-linejoin: round;
stroke-miterlimit: 2;
"
>
<rect
x="0"
y="0"
width="15.43"
height="12.636"
style="fill: none"
/>
<g id="Artboard11" serif:id="Artboard1">
<path
d="M0,7.29L0,5.373L9.801,5.373C10.67,5.373 11.757,5.4 12.387,5.427C11.952,5.022 11.366,4.455 10.888,3.969L8.432,1.404L9.366,0L15.43,6.318L9.366,12.636L8.432,11.232L10.888,8.667C11.366,8.181 11.952,7.614 12.387,7.236C11.757,7.263 10.67,7.29 9.801,7.29L0,7.29Z"
style="fill-rule: nonzero"
/>
</g></svg
></span>
</label>
<ul class="videos__ul">
<li
class="videos__li"
data-video="https://player.vimeo.com/video/1138884807?h=384a2d15ea&autoplay=1"
>
<span class="icon">
<svg
height="80px"
width="80px"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 512 512"
xml:space="preserve"
>
<path
d="M500.203,236.907L30.869,2.24c-6.613-3.285-14.443-2.944-20.736,0.939C3.84,7.083,0,13.931,0,21.333v469.333 c0,7.403,3.84,14.251,10.133,18.155c3.413,2.112,7.296,3.179,11.2,3.179c3.264,0,6.528-0.747,9.536-2.24l469.333-234.667 C507.435,271.467,512,264.085,512,256S507.435,240.533,500.203,236.907z"
/>
</svg>
</span>
<p class="txt">
«&#8239;Index fait un travail que&nbsp;la&nbsp;justice
ne&nbsp;fait pas »&#8239;:
<span class="br-desktop"><br /></span>le&nbsp;témoignage
dIssam&nbsp;El&nbsp;Khalfaoui
</p>
</li>
<li
class="videos__li"
data-video="https://player.vimeo.com/video/1145581831?h=ce46358189&autoplay=1"
>
<span class="icon">
<svg
height="80px"
width="80px"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 512 512"
xml:space="preserve"
>
<path
d="M500.203,236.907L30.869,2.24c-6.613-3.285-14.443-2.944-20.736,0.939C3.84,7.083,0,13.931,0,21.333v469.333 c0,7.403,3.84,14.251,10.133,18.155c3.413,2.112,7.296,3.179,11.2,3.179c3.264,0,6.528-0.747,9.536-2.24l469.333-234.667 C507.435,271.467,512,264.085,512,256S507.435,240.533,500.203,236.907z"
/>
</svg>
</span>
<p class="txt">
«&#8239;Votre travail nous a&nbsp;permis de nous rendre au
tribunal la&nbsp;tête haute&#8239;»&#8239;: le&nbsp;témoignage
de&nbsp;Dominique&nbsp;Rodtchenki-Pontonnier
</p>
</li>
<li
class="videos__li"
data-video="https://player.vimeo.com/video/1142401468?h=f88778b3dd&autoplay=1"
>
<span class="icon">
<svg
height="80px"
width="80px"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 512 512"
xml:space="preserve"
>
<path
d="M500.203,236.907L30.869,2.24c-6.613-3.285-14.443-2.944-20.736,0.939C3.84,7.083,0,13.931,0,21.333v469.333 c0,7.403,3.84,14.251,10.133,18.155c3.413,2.112,7.296,3.179,11.2,3.179c3.264,0,6.528-0.747,9.536-2.24l469.333-234.667 C507.435,271.467,512,264.085,512,256S507.435,240.533,500.203,236.907z"
/>
</svg>
</span>
<p class="txt">
«&#8239;Les enquêtes d'Index doivent continuer&#8239;»&#8239;:
<span class="br-desktop"><br /></span>le&nbsp;témoignage
dAssa&nbsp;Traoré
</p>
</li>
<li
class="videos__li"
data-video="https://player.vimeo.com/video/1143395847?h=f28d317c46&autoplay=1"
>
<span class="icon">
<svg
height="80px"
width="80px"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 512 512"
xml:space="preserve"
>
<path
d="M500.203,236.907L30.869,2.24c-6.613-3.285-14.443-2.944-20.736,0.939C3.84,7.083,0,13.931,0,21.333v469.333 c0,7.403,3.84,14.251,10.133,18.155c3.413,2.112,7.296,3.179,11.2,3.179c3.264,0,6.528-0.747,9.536-2.24l469.333-234.667 C507.435,271.467,512,264.085,512,256S507.435,240.533,500.203,236.907z"
/>
</svg>
</span>
<p class="txt">
«&#8239;Vous faites un travail rare
et&nbsp;concret&#8239;»&#8239;:
<span class="br-desktop"><br /></span>le&nbsp;témoignage
de&nbsp;Jérôme&nbsp;Rodrigues
</p>
</li>
<li
class="videos__li"
data-video="https://player.vimeo.com/video/1144550389?h=5781ebef9b&autoplay=1"
>
<span class="icon">
<svg
height="80px"
width="80px"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 512 512"
xml:space="preserve"
>
<path
d="M500.203,236.907L30.869,2.24c-6.613-3.285-14.443-2.944-20.736,0.939C3.84,7.083,0,13.931,0,21.333v469.333 c0,7.403,3.84,14.251,10.133,18.155c3.413,2.112,7.296,3.179,11.2,3.179c3.264,0,6.528-0.747,9.536-2.24l469.333-234.667 C507.435,271.467,512,264.085,512,256S507.435,240.533,500.203,236.907z"
/>
</svg>
</span>
<p class="txt">
«&#8239;Index est dun intérêt public absolu&#8239;»&#8239;:
<span class="br-desktop"><br /></span>le&nbsp;témoignage
de&nbsp;Fatiha&nbsp;B.
</p>
</li>
<li
class="videos__li"
data-video="https://player.vimeo.com/video/1145649552?h=63bd03334b&autoplay=1"
>
<span class="icon">
<svg
height="80px"
width="80px"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 512 512"
xml:space="preserve"
>
<path
d="M500.203,236.907L30.869,2.24c-6.613-3.285-14.443-2.944-20.736,0.939C3.84,7.083,0,13.931,0,21.333v469.333 c0,7.403,3.84,14.251,10.133,18.155c3.413,2.112,7.296,3.179,11.2,3.179c3.264,0,6.528-0.747,9.536-2.24l469.333-234.667 C507.435,271.467,512,264.085,512,256S507.435,240.533,500.203,236.907z"
/>
</svg>
</span>
<p class="txt">
«&#8239;Je naurais jamais imaginé recevoir un&nbsp;tel
soutien&#8239;»&#8239;:
<span class="br-desktop"><br /></span>le&nbsp;témoignage
de&nbsp;Jean-François&nbsp;Martin
</p>
</li>
<li
class="videos__li"
data-video="https://player.vimeo.com/video/1146620554?badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479&autoplay=1"
>
<span class="icon">
<svg
height="80px"
width="80px"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 512 512"
xml:space="preserve"
>
<path
d="M500.203,236.907L30.869,2.24c-6.613-3.285-14.443-2.944-20.736,0.939C3.84,7.083,0,13.931,0,21.333v469.333 c0,7.403,3.84,14.251,10.133,18.155c3.413,2.112,7.296,3.179,11.2,3.179c3.264,0,6.528-0.747,9.536-2.24l469.333-234.667 C507.435,271.467,512,264.085,512,256S507.435,240.533,500.203,236.907z"
/>
</svg>
</span>
<p class="txt">
«&#8239;Le travail d'Index a permis de rétablir
la&nbsp;vérité&#8239;»&#8239;:
<span class="br-desktop"><br /></span>le&nbsp;témoignage de
Mahamadou&nbsp;Camara, frère de&nbsp;Gaye
</p>
</li>
<li
class="videos__li"
data-video="https://player.vimeo.com/video/1148007280?h=2e9c81e900&autoplay=1"
>
<span class="icon">
<svg
height="80px"
width="80px"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 512 512"
xml:space="preserve"
>
<path
d="M500.203,236.907L30.869,2.24c-6.613-3.285-14.443-2.944-20.736,0.939C3.84,7.083,0,13.931,0,21.333v469.333 c0,7.403,3.84,14.251,10.133,18.155c3.413,2.112,7.296,3.179,11.2,3.179c3.264,0,6.528-0.747,9.536-2.24l469.333-234.667 C507.435,271.467,512,264.085,512,256S507.435,240.533,500.203,236.907z"
/>
</svg>
</span>
<p class="txt">
«&#8239;Pour les familles endeuillées, Index est
essentiel&#8239;»&#8239;:
<span class="br-desktop"><br /></span>le&nbsp;témoignage de
Christelle Vendeiro-Bico, belle-sœur de Luis&nbsp;Bico
</p>
</li>
</ul>
</section>
<!-- <section id="video__fullscreen">
<button id="video__close">✕</button>
<iframe
src="https://player.vimeo.com/video/1138884807?h=384a2d15ea&autoplay=1"
style="aspect-ratio: 9/16; width: 100%; border: 0"
allow="autoplay; fullscreen; picture-in-picture"
allowfullscreen
></iframe>
</section> -->
<section id="section__questions">
<h3 class="section__heading">Questions fréquentes</h3>
<details>
<summary>Les Soutiens d'Index, c'est quoi ?</summary>
<p>
« Soutiens » est le nom que nous donnons à toutes celles et ceux
qui font un don mensuel à Index. 5, 10, 20 euros ou plus : c'est
cette régularité qui nous permet de planifier notre action et de
construire notre indépendance financière. En 2026, nous lançons
une campagne pour élargir cette base de soutiens. Si vous avez
déjà fait un don ponctuel par le passé, sachez que nous vous en
sommes très reconnaissant·es — vous pouvez continuer à donner
ponctuellement quand vous le souhaitez. Mais si nous encourageons
le don mensuel, c'est parce qu'il est le mode de soutien qui nous
permet le mieux de structurer notre travail dans la durée.
</p>
</details>
<details>
<summary>Qu'est-ce que je reçois en devenant Soutien ?</summary>
<p>
En devenant Soutien d'Index, vous rejoignez une communauté engagée
pour l'investigation indépendante. Concrètement, vous bénéficiez :
</p>
<ul>
<li>
d'un accès au Discord d'Index, où vous pouvez échanger
directement avec l'équipe et les autres soutiens ;
</li>
<li>
d'une réduction de 20 % sur l'ensemble de la boutique de
soutien à Index, y compris les offres de formation ;
</li>
<li>
d'un accès prioritaire aux formations et aux événements
organisés par Index ;
</li>
<li>
de notre plus grande reconnaissance : car vous faites alors
partie des personnes qui rendent possible l'action d'Index sur
le long terme.
</li>
</ul>
</details>
<details>
<summary>J'ai souscrit à un don mensuel à Index lors d'une précédente campagne : ai-je accès aux avantages des Soutiens d'Index ?</summary>
<p>
Oui ! Si votre don mensuel à Index est actif, quelle que soit la
campagne lors de laquelle vous l'avez souscrit, vous êtes un·e
Soutien d'Index et vous bénéficiez de l'ensemble des avantages
associés : accès au Discord, réduction de 20 % sur la boutique et
les formations, accès prioritaire aux événements. Aucune démarche
supplémentaire n'est nécessaire de votre part. Vous avez reçu ou
allez recevoir un message qui contient le détail de vos avantages,
et nos remerciements renouvelés. Pour plus d'infos, contactez-nous
à <a href="mailto:soutiens@index.ngo">soutiens@index.ngo</a>.
</p>
</details>
<details>
<summary>Je suis déjà donateur·rice ponctuel·le, comment devenir Soutien ?</summary>
<p>
Il vous suffit de revenir sur cette page et de sélectionner un don
mensuel. Votre soutien régulier viendra s'ajouter à votre don
ponctuel — les deux sont complémentaires. Si vous souhaitez
basculer vers un soutien mensuel en remplacement de vos dons
ponctuels, aucune démarche supplémentaire n'est nécessaire :
choisissez simplement le montant mensuel qui vous convient.
</p>
</details>
<details>
<summary>Je suis déjà Soutien, comment modifier ou arrêter mon don mensuel ?</summary>
<p>
Vous pouvez modifier le montant de votre don mensuel ou
l'interrompre à tout moment depuis votre espace donateur sur
Donorbox. Un lien d'accès vous a été envoyé par e-mail lors de
votre premier don. Si vous ne le retrouvez pas, contactez-nous à
<a href="mailto:dons@index.ngo">dons@index.ngo</a> et nous vous
aiderons.
</p>
</details>
<details>
<summary>À quoi va servir mon don à Index ?</summary>
<p>
L'intégralité des dons que nous recevons est alloué au financement
de nos enquêtes, à travers la rémunération des membres de notre
équipe.
</p>
<p>
Nos enquêtes prennent du temps. Elles nécessitent un travail
collaboratif minutieux consistant à étudier des dossiers
judiciaires, analyser des vidéos, modéliser des scènes en 3D,
vérifier des scénarios… Bien que les membres de l'équipe d'Index
acceptent une rémunération à taux solidaire, nous avons besoin de
fonds pour couvrir le coût de leur travail d'investigation. C'est
à cela que serviront vos dons.
</p>
</details>
<details>
<summary>Les dons sont-ils défiscalisables ?</summary>
<p>
Oui, car Index est une association d'intérêt général. Si vous êtes
imposable en France, votre don à Index est déductible des impôts à
hauteur de 66 %. Ainsi, un don de 200 € ne vous coûte en réalité
que 68 € après déduction fiscale.
</p>
<p>
Votre reçu fiscal vous sera envoyé automatiquement par e-mail en
mars de l'année qui suit votre don, à temps pour votre déclaration
des impôts.
</p>
</details>
<details>
<summary>Index, c'est quoi au juste ?</summary>
<p>
Index est une ONG d'investigation indépendante, à but
non-lucratif, créée en France en 2020. Constituée en association
loi 1901, Index opère à la fois en tant que média d'investigation
et comme cabinet d'expertise indépendante accessible à toutes les
victimes de violences institutionnelles et d'abus de pouvoir.
</p>
<p>
Index a été créée en tant qu'extension autonome du laboratoire de
recherche international Forensic Architecture, auquel elle reste
étroitement liée tant par son équipe que par ses méthodes.
</p>
</details>
<details>
<summary>Qui est derrière Index ?</summary>
<p>
En novembre 2025, l'équipe d'Index compte sept membres réguliers,
dont quatre salariés :
</p>
<ul>
<li>Francesco Sebregondi, Fondateur/Directeur</li>
<li>Dounia Idhmida, Responsable de gestion</li>
<li>Leonie Montjarret, Responsable de communication</li>
<li>Nadav Joffe, Enquêteur & modélisateur 3D</li>
<li>Guillaume Seyller, Enquêteur & modélisateur 3D</li>
<li>Basile Trouillet, Enquêteur & monteur vidéo</li>
<li>Filippo Ortona, Enquêteur & journaliste</li>
</ul>
<p>
Le Conseil d'administration d'Index compte cinq membres : Yessa
Belkhodja, Lucie Simon, Kaoutar Harchi, Michel Feher, Mathieu
Molard.
</p>
</details>
<details>
<summary>Y a-t-il un montant minimum pour un don ?</summary>
<p>
Afin de couvrir nos frais de traitement, le montant minimum de don
est de 5 €, qu'il soit ponctuel ou mensuel. Quel qu'en soit le
montant, tous vos dons nous permettent de nous rapprocher de notre
objectif de financement. Par ailleurs, nous tenons à développer
une communauté de soutien la plus large possible : même un simple
don de 5 € nous donne de la force pour poursuivre notre action.
</p>
</details>
<details>
<summary>
Je ne peux pas faire un don, comment vous aider autrement ?
</summary>
<p>
Si vous ne pouvez pas faire un don mais souhaitez quand même nous
soutenir, rassurez-vous : il y a d'autres façons d'aider Index !
</p>
<ol>
<li>
<strong>Abonnez-vous à notre newsletter :</strong> Rejoignez-les
2 000 abonné·es à la newsletter d'Index. C'est le moyen le plus
sûr de recevoir nos enquêtes, nos actualités et des contenus
exclusifs en premier.
</li>
<li>
<strong>Relayez nos publications :</strong> Partagez nos
enquêtes, actualités et appels aux dons, par e-mail et sur les
réseaux sociaux. Contribuer à faire connaître Index, c'est nous
aider concrètement !
</li>
<li>
<strong>Parlez d'Index autour de vous :</strong> Invitez-nous
dans vos discussions ! Il y a forcément un·e collègue ou un·e
proche qui gagnerait à découvrir Index.
</li>
</ol>
</details>
<details>
<summary>Comment contacter l'équipe ?</summary>
<p>
Pour toute question ou commentaire, n'hésitez pas à nous écrire à
l'adresse :
<a href="mailto:contact@index.ngo">contact@index.ngo</a>.
</p>
<p>
Et si vous appréciez notre travail, n'hésitez pas à nous envoyer
un message d'encouragement ! Nous sommes toujours ravi·es d'en
recevoir.
</p>
</details>
</section>
</div>
<div class="col-right">
<section id="section__donation">
<nav class="nav--tabs">
<button class="nav--tabs__btn is-selected">Je donne tous les mois</button>
<button class="nav--tabs__btn">
Je donne une fois
</button>
</nav>
<div
data-donnation="one-off"
class="btn--donation__container"
>
<button class="btn--donation">
<p class="bold">200&#8239;</p>
<p class="small">Soit 68&#8239;€ après impôts</p>
</button>
<button class="btn--donation btn--donation__grow-1">
<p class="bold">100&#8239;</p>
<p class="small">Soit 34&#8239;€ après impôts</p>
</button>
<button class="btn--donation btn--donation__grow-1">
<p class="bold">50&#8239;</p>
<p class="small">Soit 17&#8239;€ après impôts</p>
</button>
<button class="btn--donation btn--donation__grow-1">
<p class="bold">20&#8239;</p>
<p class="small">Soit 6.80&#8239;€ après impôts</p>
</button>
<button class="btn--donation btn--donation__grow-2">
<p class="bold">Choisissez votre montant</p>
<p class="small">Avec déduction fiscale de 66&#8239;%</p>
</button>
</div>
<div data-donnation="monthly" class="btn--donation__container is-selected">
<button class="btn--donation">
<p class="bold">5€/mois</p>
<p class="small">Soit X€ après impôts</p>
</button>
<button class="btn--donation btn--donation__grow-1">
<p class="bold">10€/mois</p>
<p class="small">Soit X€ après impôts</p>
</button>
<button class="btn--donation btn--donation__grow-1">
<p class="bold">20€/mois</p>
<p class="small">Soit X€ après impôts</p>
</button>
<button class="btn--donation btn--donation__grow-1">
<p class="bold">50€/mois</p>
<p class="small">Soit X€ après impôts</p>
</button>
<button class="btn--donation btn--donation__grow-2">
<p class="bold">Choisissez votre montant</p>
<p class="small">Avec déduction fiscale</p>
</button>
</div>
</section>
<section id="section__comments">
<h2 class="section__heading">Commentaires de donateur·ices</h2>
<div class="swiper" id="comments-slider">
<div class="swiper-wrapper">
<div class="swiper-slide comment">
<p class="comment__text">
Vous faites un travail admirable. Merci de faire avancer la
Justice avec un grand J. Force à vous!
</p>
<p class="comment__name">Olivier</p>
</div>
<div class="swiper-slide comment">
<p class="comment__text">
Merci du travail salutaire, précieux et extrêmement
professionnel que vous réalisez.
</p>
<p class="comment__name">Myriam</p>
</div>
<div class="swiper-slide comment">
<p class="comment__text">
Vous êtes vraiment d'utilité publique et les méthodes que vous
utilisez méritent d'être popularisées.
</p>
<p class="comment__name">Frédéric</p>
</div>
<div class="swiper-slide comment">
<p class="comment__text">
Merci de poursuivre cette quête inlassable pour révéler les
vérités que l'on nous tait.
</p>
<p class="comment__name">Pauline</p>
</div>
<div class="swiper-slide comment">
<p class="comment__text">
Les enquêteurs d'Index font un travail essentiel pour la
démocratie et la justice. Par ce soutien citoyen, j'exprime
toute ma reconnaissance pour leur engagement et leur rigueur.
</p>
<p class="comment__name">Anne</p>
</div>
</div>
<div class="swiper-pagination comments-slider__dots"></div>
</div>
</section>
</div>
<div id="btn--don__mobile">
<button class="btn--don">
<a href="#section__donation">
<span class="txt">Faire un don</span>
<span class="icon">
<svg
clip-rule="evenodd"
fill-rule="evenodd"
stroke-linejoin="round"
stroke-miterlimit="2"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="m14.523 18.787s4.501-4.505 6.255-6.26c.146-.146.219-.338.219-.53s-.073-.383-.219-.53c-1.753-1.754-6.255-6.258-6.255-6.258-.144-.145-.334-.217-.524-.217-.193 0-.385.074-.532.221-.293.292-.295.766-.004 1.056l4.978 4.978h-14.692c-.414 0-.75.336-.75.75s.336.75.75.75h14.692l-4.979 4.979c-.289.289-.286.762.006 1.054.148.148.341.222.533.222.19 0 .378-.072.522-.215z"
fill-rule="nonzero"
/>
</svg>
</span>
</a>
</button>
</div>
</main>
<footer id="site-footer">
<div class="site-footer__container">
<div class="footer__newsletter">
<p>
Recevez les dernières enquêtes et actualités dIndex directement
dans votre boîte mail.
</p>
<p>Inscrivez-vous à la newsletter</p>
<form class="form__newsletter">
<input
type="email"
name="email"
placeholder="Votre adresse e-mail"
required
/>
<button class="btn--bold" type="submit" aria-label="sinscrire">
<span class="txt">Sinscrire</span>
<span class="icon">
<svg
clip-rule="evenodd"
fill-rule="evenodd"
stroke-linejoin="round"
stroke-miterlimit="2"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="m14.523 18.787s4.501-4.505 6.255-6.26c.146-.146.219-.338.219-.53s-.073-.383-.219-.53c-1.753-1.754-6.255-6.258-6.255-6.258-.144-.145-.334-.217-.524-.217-.193 0-.385.074-.532.221-.293.292-.295.766-.004 1.056l4.978 4.978h-14.692c-.414 0-.75.336-.75.75s.336.75.75.75h14.692l-4.979 4.979c-.289.289-.286.762.006 1.054.148.148.341.222.533.222.19 0 .378-.072.522-.215z"
fill-rule="nonzero"
/>
</svg>
</span>
</button>
</form>
<p class="p__small">
En vous inscrivant, vous acceptez les
<a target="_blank" href="https://www.index.ngo/mentions-legales/"
>conditions dutilisation</a
>
dIndex qui vous informent notamment des droits dont vous disposez
sur vos données personnelles.
</p>
</div>
<div class="footer__socials">
<p>Suivez Index sur les réseaux sociaux</p>
<ul id="list-socials">
<li>
<a
href="https://www.youtube.com/index-ngo"
target="_blank"
rel="noopener noreferrer"
>
<span class="icon">
<svg
width="34"
height="26"
viewBox="0 0 34 26"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M32.8615 4.31373C32.549 2.58885 31.0601 1.33272 29.3321 0.940564C26.7463 0.392157 21.9608 0 16.7831 0C11.6085 0 6.74632 0.392157 4.15748 0.940564C2.4326 1.33272 0.940564 2.50919 0.628064 4.31373C0.3125 6.27451 0 9.01961 0 12.549C0 16.0784 0.3125 18.8235 0.704657 20.7843C1.02022 22.5092 2.50919 23.7653 4.23407 24.1575C6.97917 24.7059 11.6851 25.098 16.8627 25.098C22.0404 25.098 26.7463 24.7059 29.4914 24.1575C31.2163 23.7653 32.7053 22.5888 33.0208 20.7843C33.3333 18.8235 33.7255 15.9988 33.8051 12.549C33.6458 9.01961 33.2537 6.27451 32.8615 4.31373ZM12.549 18.0392V7.05882L22.117 12.549L12.549 18.0392Z"
fill="white"
/>
</svg>
</span>
<span class="text">Youtube</span>
</a>
</li>
<li>
<a
href="https://www.instagram.com/index.ngo/"
target="_blank"
rel="noopener noreferrer"
>
<span class="icon">
<svg
width="32"
height="32"
viewBox="0 0 32 32"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M9.14777 0C4.10333 0 0 4.10713 0 9.15288V22.2248C0 27.2692 4.10713 31.3725 9.15288 31.3725H22.2248C27.2692 31.3725 31.3725 27.2654 31.3725 22.2197V9.14777C31.3725 4.10333 27.2654 0 22.2197 0H9.14777ZM24.8366 5.22876C25.5582 5.22876 26.1438 5.81438 26.1438 6.53595C26.1438 7.25752 25.5582 7.84314 24.8366 7.84314C24.115 7.84314 23.5294 7.25752 23.5294 6.53595C23.5294 5.81438 24.115 5.22876 24.8366 5.22876ZM15.6863 7.84314C20.0118 7.84314 23.5294 11.3608 23.5294 15.6863C23.5294 20.0118 20.0118 23.5294 15.6863 23.5294C11.3608 23.5294 7.84314 20.0118 7.84314 15.6863C7.84314 11.3608 11.3608 7.84314 15.6863 7.84314ZM15.6863 10.4575C14.2995 10.4575 12.9696 11.0084 11.989 11.989C11.0084 12.9696 10.4575 14.2995 10.4575 15.6863C10.4575 17.073 11.0084 18.403 11.989 19.3836C12.9696 20.3641 14.2995 20.915 15.6863 20.915C17.073 20.915 18.403 20.3641 19.3836 19.3836C20.3641 18.403 20.915 17.073 20.915 15.6863C20.915 14.2995 20.3641 12.9696 19.3836 11.989C18.403 11.0084 17.073 10.4575 15.6863 10.4575Z"
fill="white"
/>
</svg>
</span>
<span class="text">Instagram</span>
</a>
</li>
<li>
<a
href="https://www.facebook.com/index.ngo/"
target="_blank"
rel="noopener noreferrer"
>
<span class="icon">
<svg
width="35"
height="35"
viewBox="0 0 35 35"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M17.2549 0C7.72549 0 0 7.72549 0 17.2549C0 25.9059 6.37255 33.0486 14.6761 34.2965V21.8282H10.4071V17.2925H14.6761V14.2745C14.6761 9.27765 17.1106 7.08392 21.2635 7.08392C23.2526 7.08392 24.3043 7.23137 24.8024 7.29882V11.258H21.9694C20.2063 11.258 19.5906 12.9294 19.5906 14.8133V17.2925H24.7576L24.0565 21.8282H19.5906V34.3333C28.0126 33.1906 34.5098 25.9898 34.5098 17.2549C34.5098 7.72549 26.7843 0 17.2549 0Z"
fill="white"
/>
</svg>
</span>
<span class="text">Facebook</span>
</a>
</li>
<li>
<a
href="https://x.com/index_ngo"
target="_blank"
rel="noopener noreferrer"
>
<span class="icon">
<svg
width="100%"
height="100%"
viewBox="0 0 24 24"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xml:space="preserve"
xmlns:serif="http://www.serif.com/"
style="
fill-rule: evenodd;
clip-rule: evenodd;
stroke-linejoin: round;
stroke-miterlimit: 2;
"
>
<g transform="matrix(1,0,0,1,-2,1.77636e-15)">
<circle cx="14" cy="12" r="12" style="fill: white" />
</g>
<g
transform="matrix(0.692308,0,0,0.692308,3.69231,3.69231)"
>
<path
d="M21.742,21.75L14.179,10.571L21.235,2.25L18.779,2.25L13.088,8.964L8.548,2.25L2.359,2.25L9.649,13.026L2.25,21.75L4.706,21.75L10.741,14.632L15.559,21.75L21.75,21.75L21.742,21.75ZM7.739,3.818L18.81,20.182L16.363,20.182L5.29,3.818L7.739,3.818Z"
style="fill-rule: nonzero"
/>
</g>
</svg>
</span>
<span class="text">X</span>
</a>
</li>
<li>
<a
href="https://fr.linkedin.com/company/index-ngo"
target="_blank"
rel="noopener noreferrer"
>
<span class="icon">
<svg
width="32"
height="32"
viewBox="0 0 32 32"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M28.1905 0H3.80952C1.70667 0 0 1.70667 0 3.80952V28.1905C0 30.2933 1.70667 32 3.80952 32H28.1905C30.2933 32 32 30.2933 32 28.1905V3.80952C32 1.70667 30.2933 0 28.1905 0ZM9.90476 12.1905V26.6667H5.33333V12.1905H9.90476ZM5.33333 7.97714C5.33333 6.91048 6.24762 6.09524 7.61905 6.09524C8.99048 6.09524 9.85143 6.91048 9.90476 7.97714C9.90476 9.04381 9.05143 9.90476 7.61905 9.90476C6.24762 9.90476 5.33333 9.04381 5.33333 7.97714ZM26.6667 26.6667H22.0952C22.0952 26.6667 22.0952 19.6114 22.0952 19.0476C22.0952 17.5238 21.3333 16 19.4286 15.9695H19.3676C17.5238 15.9695 16.7619 17.539 16.7619 19.0476C16.7619 19.741 16.7619 26.6667 16.7619 26.6667H12.1905V12.1905H16.7619V14.141C16.7619 14.141 18.2324 12.1905 21.1886 12.1905C24.2133 12.1905 26.6667 14.2705 26.6667 18.4838V26.6667Z"
fill="white"
/>
</svg>
</span>
<span class="text">LinkedIn</span>
</a>
</li>
<li>
<a
href="https://bsky.app/profile/index-ngo.bsky.social"
target="_blank"
rel="noopener noreferrer"
>
<span class="icon">
<svg
width="40"
height="40"
viewBox="0 0 40 40"
fill="none"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
>
<rect
width="39.2157"
height="39.2157"
fill="url(#pattern0_310_283)"
/>
<defs>
<pattern
id="pattern0_310_283"
patternContentUnits="objectBoundingBox"
width="1"
height="1"
>
<use
xlink:href="#image0_310_283"
transform="scale(0.01)"
/>
</pattern>
<image
id="image0_310_283"
width="100"
height="100"
preserveAspectRatio="none"
xlink:href="data:image/png;base64,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"
/>
</defs>
</svg>
</span>
<span class="text">Bluesky</span>
</a>
</li>
</ul>
</div>
<div class="footer__mentions">
<p class="p__small">
© 2025 Index Investigation |
<a target="_blank" href="https://www.index.ngo/mentions-legales/"
>Mentions légales</a
>
</p>
</div>
</div>
</footer>
<script>
const swiper = new Swiper('#comments-slider', {
slidesPerView: 1,
loop: true, // permet de revenir à la première slide
autoplay: {
delay: 4000, // 4 secondes entre chaque commentaire
disableOnInteraction: false, // continue après un swipe
},
pagination: {
el: '.comments-slider__dots',
clickable: true,
},
});
</script>
</body>
</html>