diff --git a/src/routes/statistiques.svelte b/src/routes/statistiques.svelte
index f7555bb5d61766e905938e61d1d0a748ca4e07bd..87dd80a94ad7b32b8d69bc076b5d5b6bfabd3e99 100644
--- a/src/routes/statistiques.svelte
+++ b/src/routes/statistiques.svelte
@@ -1,6 +1,14 @@
<script lang="ts">
import { session } from "$app/stores"
+ import PictoEtat from "$lib/components/pictos/PictoEtat.svelte"
+ import PictoFemme from "$lib/components/pictos/PictoFemme.svelte"
import OpenGraph from "$lib/components/transverse_pages/OpenGraph.svelte"
+
+ let openTab = 1
+
+ function toggleTabs(tabNumber) {
+ openTab = tabNumber
+ }
</script>
<svelte:head>
@@ -41,163 +49,421 @@
>
À propos de LexImpact
</a>
- <div class="flex-col pt-10 items-center">
- <a
- href="https://www.assemblee-nationale.fr/dyn/15/amendements?recherche_textuelle=leximpact"
- >
- <h2 class="pb-3 pt-10 text-8xl text-gray-700 font-bold text-center ">
- <span
- class="bg-le-jaune bg-opacity-40 hover:text-le-bleu hover:bg-transparent"
- >
- 40
- </span>
- </h2>
- </a>
- <p
- class="leading-normal font-bold pb-3 text-xl text-center text-gray-700"
- >
- amendements<br /> citent "LexImpact"*
- </p>
- <p class="leading-normal pb-3 text-sm text-center text-gray-400">
- *Ce groupe d'amendements peut contenir des doublons.
- </p>
- </div>
-
- <h2 class="pb-3 pt-10 text-xl text-black font-bold">
- LexImpact, employé dans le débat public
- </h2>
- <p class="leading-normal pb-3 text-base text-justify">
- Les calculs du simulateur de l'Impôt sur le revenu ont été repris en
- commission au débat de loi de finances pour 2021 comme en témoignent,
- par exemple, <a
- class="hover:text-le-bleu underline "
- href="https://www.assemblee-nationale.fr/dyn/15/comptes-rendus/seance/session-ordinaire-de-2020-2021/deuxieme-seance-du-lundi-12-octobre-2020#P2220670"
- >ces échanges en séance du lundi 12 octobre 2020</a
- >.
- </p>
-
- <div class="bg-gray-100 py-5 my-2 rounded">
- <p class="italic text-justify px-10 pt-2">M. Jean-Noël Barrot :</p>
- <p
- class="font-serif font-light text-gray-700 italic text-justify px-10 "
- >
- « Nous éprouvons de la sympathie pour les amendements de ce genre,
- même si nous n’avons pas souhaité en déposer en séance publique. Pour
- la clarté des débats, <span class="bg-le-jaune bg-opacity-40"
- >je tiens à signaler que le simulateur LexImpact, dont nous
- disposons désormais, permet d’évaluer précisément le coût pour les
- finances publiques de l’amendement de Mme Pires Beaune, qui
- s’établit à 800 millions d’euros.
- </span> (Exclamations sur les bancs du groupe SOC.) »
- </p>
- <p class="italic text-justify px-10 pt-2">
- Mme Christine Pires Beaune :
- </p>
- <p
- class="font-serif font-light text-gray-700 italic text-justify px-10 "
- >
- « Ce sont 800 millions d’euros qui sont payés par les Français ! »
- </p>
- <p class="italic text-justify px-10 pt-2">M. le président :</p>
- <p
- class="font-serif font-light text-gray-700 italic text-justify px-10 "
- >
- « La parole est à Mme Véronique Louwagie. »
- </p>
- <p class="italic text-justify px-10 pt-2">Mme Véronique Louwagie :</p>
- <p
- class="font-serif font-light text-gray-700 italic text-justify px-10 "
- >
- « Notre collègue vient de développer un argument en faveur de cet
- amendement (« Eh oui ! » sur les bancs du groupe SOC), en exprimant
- clairement qu’au titre de l’article 2, ce sont 800 millions d’euros
- supplémentaires qui vont être prélevés sur les revenus des Français !
- »
- </p>
- <p class="italic text-justify px-10 pt-2">Mme Valérie Rabault :</p>
- <p
- class="font-serif font-light text-gray-700 italic text-justify px-10 "
- >
- « Exactement ! »
- </p>
- <p class="italic text-justify px-10 pt-2">
- M. Laurent Saint-Martin, rapporteur général :
- </p>
- <p
- class="font-serif font-light text-gray-700 italic text-justify px-10 "
- >
- « Quant à cette série d’amendements sur le quotient familial, faites
- attention. <span class="bg-le-jaune bg-opacity-40"
- >J’ai fait quelques simulations avec LexImpact pour évaluer leurs
- effets</span
+ <div class="flex flex-wrap">
+ <div class="w-full">
+ <div
+ class="relative flex flex-col min-w-0 break-words w-full rounded"
>
- – cela fera plaisir à notre collègue Jean-Noël Barrot.
- <span class="bg-le-jaune bg-opacity-40"
- >Seules les familles avec trois enfants et un revenu mensuel d’au
- moins 7 000 euros bénéficieraient du dispositif, qui ne concernerait
- donc que les catégories plutôt aisées de la population.</span
- > Ce n’est pas la priorité, durant cette crise. »
- </p>
- </div>
+ <div class="px-8 py-5 flex-auto">
+ <div class="tab-content tab-space">
+ <!-- ONGLET 1-->
+ <div class={openTab === 1 ? "block" : "hidden"}>
+ <div class="flex-col items-center">
+ <a
+ href="https://www.assemblee-nationale.fr/dyn/15/amendements?recherche_textuelle=leximpact"
+ >
+ <h2
+ class="pb-3 text-8xl text-gray-700 font-bold text-center "
+ >
+ <span
+ class="bg-le-jaune bg-opacity-40 hover:text-le-bleu hover:bg-transparent px-2"
+ >
+ 9
+ </span>
+ </h2>
+ </a>
+ <p
+ class="leading-normal font-bold pb-3 text-xl text-center text-gray-700"
+ >
+ amendements<br /> citent "LexImpact"
+ </p>
+ <p
+ class="leading-normal pb-3 text-sm text-center text-gray-400"
+ >
+ *Dans le cadre du PLF 2022.
+ </p>
+ </div>
+ </div>
- <h2 class="pb-3 pt-10 text-xl text-black font-bold">
- Un périmètre qui s'agrandit progressivement
- </h2>
- <p>
- Le périmètre des lois traité par les simulateurs LexImpact est composé
- de l'impôt sur le revenu et du quotien familial ainsi que du calcul de
- certaines des dotations aux communes (dotation forfaitaire, dotation de
- solidarité rural et dotation de solidarité urbaine).
- </p>
+ <!-- ONGLET 2-->
+ <div class={openTab === 2 ? "block" : "hidden"}>
+ <div class="flex-col items-center">
+ <a
+ href="https://www.assemblee-nationale.fr/dyn/15/amendements?recherche_textuelle=leximpact"
+ >
+ <h2
+ class="pb-3 text-8xl text-gray-700 font-bold text-center "
+ >
+ <span
+ class="bg-le-jaune bg-opacity-40 px-2 hover:text-le-bleu hover:bg-transparent"
+ >
+ 40
+ </span>
+ </h2>
+ </a>
+ <p
+ class="leading-normal font-bold pb-3 text-xl text-center text-gray-700"
+ >
+ amendements<br /> citent "LexImpact"*
+ </p>
+ <p
+ class="leading-normal pb-3 text-sm text-center text-gray-400"
+ >
+ *Ce groupe d'amendements peut contenir des doublons.
+ </p>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <ul class="mx-36 flex mb-0 list-none flex-wrap flex-row">
+ <li class="-mb-px flex-auto text-center">
+ <!-- svelte-ignore a11y-missing-attribute -->
+ <a
+ class="text-base font-bold uppercase px-5 py-3 block leading-normal {openTab ===
+ 1
+ ? 'text-le-bleu bg-white border-t-2 border-le-bleu shadow-inner'
+ : 'text-gray-600 bg-gray-100 border-t-2 border-opacity-0'}"
+ on:click={() => toggleTabs(1)}
+ >
+ 2021
+ </a>
+ </li>
+ <li class="-mb-px flex-auto text-center">
+ <!-- svelte-ignore a11y-missing-attribute -->
+ <a
+ class="text-base font-bold uppercase px-5 py-3 block leading-normal {openTab ===
+ 2
+ ? 'text-le-bleu bg-white border-t-2 border-le-bleu shadow-inner'
+ : 'text-gray-600 bg-gray-100 border-t-2 border-opacity-0'}"
+ on:click={() => toggleTabs(2)}
+ >
+ 2020
+ </a>
+ </li>
+ </ul>
- <div class="flex items-center gap-16">
- <div class="w-1/2">
- <h2 class="pb-3 pt-10 text-7xl text-gray-700 font-bold text-center ">
- <span class="bg-le-jaune bg-opacity-40"> 1040 </span>
- </h2>
- <p
- class="leading-normal font-bold pb-3 text-xl text-center text-gray-700"
- >
- Nombre de visites de la page d'accueil LexImpact*
- </p>
- <p class="leading-normal pb-3 text-sm text-center text-gray-400">
- * Entre le 1er octobre 2020 et le 07 décembre 2020
- </p>
- </div>
- <div class="w-1/2">
- <h2 class="pb-3 pt-10 text-5xl text-gray-700 font-bold text-center ">
- 100
+ <h2 class="pb-3 pt-10 text-xl text-black font-bold">
+ LexImpact, employé dans le débat public
</h2>
- <p
- class="leading-normal font-bold pb-3 text-base text-center text-gray-700"
- >
- Nombre de clics** <br />sur le bouton "Estimer" <br />du
- <a
- class="underline hover:text-le-bleu"
- href={new URL("ir", $session.baseUrl).toString()}
- rel="external">simulateur Impôt sur le revenu</a
+ <p class="leading-normal pb-3 text-base text-justify">
+ Les calculs du simulateur de l'Impôt sur le revenu ont été repris en
+ commission au débat de loi de finances pour 2021 comme en
+ témoignent, par exemple, <a
+ class="hover:text-le-bleu underline "
+ href="https://www.assemblee-nationale.fr/dyn/15/comptes-rendus/seance/session-ordinaire-de-2020-2021/deuxieme-seance-du-lundi-12-octobre-2020#P2220670"
+ >ces échanges en séance du lundi 12 octobre 2020</a
>.
</p>
- <h2 class="pb-3 pt-10 text-5xl text-gray-700 font-bold text-center ">
- 140
- </h2>
- <p
- class="leading-normal font-bold pb-3 text-base text-center text-gray-700"
- >
- Nombre de clics** <br /> sur le bouton "Estimer" <br />du
- <a
- class="underline hover:text-le-bleu"
- href={new URL("dotations", $session.baseUrl).toString()}
- rel="external"
+ <div class="bg-gray-100 py-5 my-2 rounded">
+ <p class="italic text-justify px-10 pt-2">M. Jean-Noël Barrot :</p>
+ <p
+ class="font-serif font-light text-gray-700 italic text-justify px-10 "
>
- simulateur Dotations aux communes</a
- >.
+ « Nous éprouvons de la sympathie pour les amendements de ce genre,
+ même si nous n’avons pas souhaité en déposer en séance publique.
+ Pour la clarté des débats, <span class="bg-le-jaune bg-opacity-40"
+ >je tiens à signaler que le simulateur LexImpact, dont nous
+ disposons désormais, permet d’évaluer précisément le coût pour
+ les finances publiques de l’amendement de Mme Pires Beaune, qui
+ s’établit à 800 millions d’euros.
+ </span> (Exclamations sur les bancs du groupe SOC.) »
+ </p>
+ <p class="italic text-justify px-10 pt-2">
+ Mme Christine Pires Beaune :
+ </p>
+ <p
+ class="font-serif font-light text-gray-700 italic text-justify px-10 "
+ >
+ « Ce sont 800 millions d’euros qui sont payés par les Français ! »
+ </p>
+
+ <p class="italic text-justify px-10 pt-2">M. le président :</p>
+ <p
+ class="font-serif font-light text-gray-700 italic text-justify px-10 "
+ >
+ « La parole est à Mme Véronique Louwagie. »
+ </p>
+ <p class="italic text-justify px-10 pt-2">
+ Mme Véronique Louwagie :
+ </p>
+ <p
+ class="font-serif font-light text-gray-700 italic text-justify px-10 "
+ >
+ « Notre collègue vient de développer un argument en faveur de cet
+ amendement (« Eh oui ! » sur les bancs du groupe SOC), en
+ exprimant clairement qu’au titre de l’article 2, ce sont 800
+ millions d’euros supplémentaires qui vont être prélevés sur les
+ revenus des Français ! »
+ </p>
+ <p class="italic text-justify px-10 pt-2">Mme Valérie Rabault :</p>
+ <p
+ class="font-serif font-light text-gray-700 italic text-justify px-10 "
+ >
+ « Exactement ! »
+ </p>
+ <p class="italic text-justify px-10 pt-2">
+ M. Laurent Saint-Martin, rapporteur général :
+ </p>
+ <p
+ class="font-serif font-light text-gray-700 italic text-justify px-10 "
+ >
+ « Quant à cette série d’amendements sur le quotient familial,
+ faites attention. <span class="bg-le-jaune bg-opacity-40"
+ >J’ai fait quelques simulations avec LexImpact pour évaluer
+ leurs effets</span
+ >
+ – cela fera plaisir à notre collègue Jean-Noël Barrot.
+ <span class="bg-le-jaune bg-opacity-40"
+ >Seules les familles avec trois enfants et un revenu mensuel
+ d’au moins 7 000 euros bénéficieraient du dispositif, qui ne
+ concernerait donc que les catégories plutôt aisées de la
+ population.</span
+ > Ce n’est pas la priorité, durant cette crise. »
+ </p>
+ </div>
+
+ <h2 class="pb-3 pt-10 text-xl text-black font-bold">
+ Une accélération du périmètre courvert de la loi, entre 2020 et 2021
+ :
+ </h2>
+
+ <div class="flex items-center gap-16 mt-4">
+ <div class="w-1/2 text-center">
+ <h2
+ class="pb-3 pt-10 text-3xl text-gray-700 font-bold text-center "
+ >
+ <span class="bg-le-gris-dispositif-light bg-opacity-40 px-2">
+ 4
+ </span>
+ <span>à</span>
+ <span
+ class="bg-le-jaune bg-opacity-40 text-7xl text-gray-700 font-bold text-center px-2"
+ >
+ 30
+ </span>
+ </h2>
+ <p class="leading-normal pb-3 text-xl text-center text-gray-700">
+ <span class="font-bold"> dispositifs chiffrables</span><br />
+ sur des cas types
+ <span class="inline-flex"> <PictoFemme /></span>
+ </p>
+ </div>
+ <div class="w-1/2 text-center">
+ <h2
+ class="pb-3 pt-10 text-3xl text-gray-700 font-bold text-center "
+ >
+ <span class="bg-le-gris-dispositif-light bg-opacity-40 px-2">
+ 4
+ </span>
+ <span>à</span>
+ <span
+ class="bg-le-jaune bg-opacity-40 text-5xl text-gray-700 font-bold text-center px-2"
+ >
+ 5
+ </span>
+ </h2>
+ <p class=" leading-normal pb-3 text-xl text-center text-gray-700">
+ <span class="font-bold"> dispositifs chiffrables</span><br />
+ sur le budget de l'État ou de la Sécurité sociale
+ <span class="inline-flex"> <PictoEtat /></span>
+ </p>
+ </div>
+ </div>
+ <p class="pt-10 mb-3">
+ <span class="font-bold">En 2020</span>, LexImpact proposait deux
+ simulateurs différents dédiés à l'impôt sur le revenu, au quotient
+ familial ainsi qu'au calcul de certaines des dotations aux communes
+ (dotation forfaitaire, dotation de solidarité rural et dotation de
+ solidarité urbaine).
</p>
- <p class="leading-normal pb-3 pt-5 text-sm text-center text-gray-400">
- **Entre le 27 octobre 2020 et le 07 décembre 2020
+ <p>
+ <span class="font-bold">En 2021</span>, le service LexImpact a
+ fortement élargit le périmètre des lois chiffrables sur des cas
+ types en créant un simulateur dédié à la grande majorité des
+ cotisations et prestations sociales. Le périmètre d'évaluation de
+ loi s'est également étendu avec la possibilité pour les
+ parlementaire d'estimer les effets d'une modification de la CSG
+ prélevées sur les salaires sur le budget de la Sécurité sociale.
</p>
+
+ <h2 class="pb-3 pt-10 text-xl text-black font-bold">
+ Statistiques d'utilisation des interfaces
+ </h2>
+
+ <div class="w-full">
+ <ul class="flex mb-0 list-none flex-wrap pt-3 pb-0 flex-row">
+ <li class="-mb-px mr-2 flex-auto text-center">
+ <!-- svelte-ignore a11y-missing-attribute -->
+ <a
+ class="text-base font-bold uppercase px-5 py-3 shadow-lg block leading-normal {openTab ===
+ 1
+ ? 'text-le-bleu bg-white border-t-2 border-le-bleu'
+ : 'text-gray-600 bg-gray-100'}"
+ on:click={() => toggleTabs(1)}
+ >
+ 2021
+ </a>
+ </li>
+ <li class="-mb-px mr-2 flex-auto text-center">
+ <!-- svelte-ignore a11y-missing-attribute -->
+ <a
+ class="text-base font-bold uppercase px-5 py-3 shadow-lg block leading-normal {openTab ===
+ 2
+ ? 'text-le-bleu bg-white border-t-2 border-le-bleu'
+ : 'text-gray-600 bg-gray-100'}"
+ on:click={() => toggleTabs(2)}
+ >
+ 2020
+ </a>
+ </li>
+ </ul>
+ <div
+ class="relative flex flex-col min-w-0 break-words bg-white w-full mb-6 shadow-lg rounded"
+ >
+ <div class="px-8 py-5 flex-auto">
+ <div class="tab-content tab-space">
+ <!-- ONGLET 1-->
+ <div class={openTab === 1 ? "block" : "hidden"}>
+ <div class="flex items-center gap-16">
+ <div class="w-1/2">
+ <h2
+ class="pb-3 pt-10 text-7xl text-gray-700 font-bold text-center "
+ >
+ <span class="bg-le-jaune bg-opacity-40 px-2">
+ 550
+ </span>
+ </h2>
+ <p
+ class="leading-normal pb-3 text-xl text-center text-gray-700"
+ >
+ Nombre de visites* du nouveau <a
+ class="underline hover:text-le-bleu font-bold"
+ href="https://socio-fiscal.leximpact.an.fr/"
+ rel="external"
+ >simulateur des cotisations & prestations sociales</a
+ >
+ </p>
+ </div>
+ <div class="w-1/2">
+ <h2
+ class="pb-3 pt-10 text-5xl text-gray-700 font-bold text-center "
+ >
+ 320
+ </h2>
+ <p
+ class="leading-normal font-bold pb-3 text-base text-center text-gray-700"
+ >
+ Nombre de visites* du simulateur <br />
+ <a
+ class="underline hover:text-le-bleu"
+ href={new URL("ir", $session.baseUrl).toString()}
+ rel="external">de l'impôt sur le revenu</a
+ >.
+ </p>
+
+ <h2
+ class="pb-3 pt-10 text-5xl text-gray-700 font-bold text-center "
+ >
+ 122
+ </h2>
+ <p
+ class="leading-normal font-bold pb-3 text-base text-center text-gray-700"
+ >
+ Nombre de visites* du simulateur <br />
+
+ <a
+ class="underline hover:text-le-bleu"
+ href={new URL(
+ "dotations",
+ $session.baseUrl,
+ ).toString()}
+ rel="external"
+ >
+ des dotations aux communes</a
+ >
+ </p>
+ <p
+ class="leading-normal pt-5 pb-3 text-sm text-center text-gray-400"
+ >
+ *Entre le 1er octobre 2021 et le 26 novembre 2021
+ </p>
+ </div>
+ </div>
+ </div>
+
+ <!-- ONGLET 2-->
+ <div class={openTab === 2 ? "block" : "hidden"}>
+ <div class="flex items-center gap-16">
+ <div class="w-1/2">
+ <h2
+ class="pb-3 pt-10 text-7xl text-gray-700 font-bold text-center "
+ >
+ <span class="bg-le-jaune bg-opacity-40"> 1040 </span>
+ </h2>
+ <p
+ class="leading-normal font-bold pb-3 text-xl text-center text-gray-700"
+ >
+ Nombre de visites de la page d'accueil LexImpact*
+ </p>
+ <p
+ class="leading-normal pb-3 text-sm text-center text-gray-400"
+ >
+ * Entre le 1er octobre 2020 et le 07 décembre 2020
+ </p>
+ </div>
+ <div class="w-1/2">
+ <h2
+ class="pb-3 pt-10 text-5xl text-gray-700 font-bold text-center "
+ >
+ 100
+ </h2>
+ <p
+ class="leading-normal font-bold pb-3 text-base text-center text-gray-700"
+ >
+ Nombre de clics** <br />sur le bouton "Estimer"
+ <br />du
+ <a
+ class="underline hover:text-le-bleu"
+ href={new URL("ir", $session.baseUrl).toString()}
+ rel="external">simulateur Impôt sur le revenu</a
+ >.
+ </p>
+ <h2
+ class="pb-3 pt-10 text-5xl text-gray-700 font-bold text-center "
+ >
+ 140
+ </h2>
+ <p
+ class="leading-normal font-bold pb-3 text-base text-center text-gray-700"
+ >
+ Nombre de clics** <br /> sur le bouton "Estimer"
+ <br />du
+ <a
+ class="underline hover:text-le-bleu"
+ href={new URL(
+ "dotations",
+ $session.baseUrl,
+ ).toString()}
+ rel="external"
+ >
+ simulateur Dotations aux communes</a
+ >.
+ </p>
+ <p
+ class="leading-normal pb-3 pt-5 text-sm text-center text-gray-400"
+ >
+ **Entre le 27 octobre 2020 et le 07 décembre 2020
+ </p>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
</div>
</div>
</div>