diff --git a/source/components/SchemeComparaison.css b/source/components/SchemeComparaison.css index 6d865d6d4..fda1b4641 100644 --- a/source/components/SchemeComparaison.css +++ b/source/components/SchemeComparaison.css @@ -2,32 +2,37 @@ display: grid; justify-items: stretch; justify-content: center; - grid-template-columns: [row-legend] auto [assimilé-salarié] auto [indépendant] auto [auto-entrepreneur] auto [end]; + grid-template-columns: + [row-legend] auto [assimilé-salarié] minmax(20%, 20rem) + [indépendant] minmax(20%, 20rem) [auto-entrepreneur] minmax(20%, 20rem) [end]; } .comparaison-grid > * { border-bottom: 1px solid var(--lighterColour); padding: 0.6rem 1.2rem; border-right: 1px solid var(--lighterColour); display: flex; - justify-content: center; + flex-direction: column; align-items: center; + justify-content: space-evenly; text-align: center; flex-wrap: wrap; } .comparaison-grid > h2 { margin: 0; - flex-direction: column; border: none; align-self: stretch; } +.comparaison-grid small { + opacity: 0.6; +} .comparaison-grid > h2 img { height: 1.6rem !important; width: 1.6rem !important; } .comparaison-grid > .legend { - max-width: 16rem; - justify-content: flex-end; + max-width: 20rem; + align-items: flex-end; grid-column: row-legend; text-align: right; } @@ -45,7 +50,6 @@ .comparaison-grid > .auto { grid-column: auto-entrepreneur; border-right: none; - min-width: 14rem; } .comparaison-grid > .all { @@ -112,6 +116,13 @@ padding: 0 0.6rem; } + .comparaison-grid h2 { + flex-direction: column; + } + .comparaison-grid small { + margin-left: 0.2rem; + } + .comparaison-grid > *::before { flex: 1; text-align: left; @@ -121,27 +132,27 @@ font-weight: normal; } .comparaison-grid > :not(.button)::before { - color: rgba(0, 0, 0, 0.6); - color: var(--lighterInverseTextColour); + color: var(--darkestColour) !important; + opacity: 0.6; } .comparaison-grid > .AS::before { - content: 'Assimilé-salarié '; + content: 'Assimilé-salarié :'; } .comparaison-grid > .indep::before, .comparaison-grid.hideAutoEntrepreneur > .indep-et-auto::before { - content: 'Indépendant '; + content: 'Indépendant :'; } .comparaison-grid.hideAssimiléSalarié > .AS-et-indep::before, .comparaison-grid.hideAssimiléSalarié > .indep::before { - content: 'Entreprise individuelle '; + content: 'Entreprise individuelle :'; } .comparaison-grid > .auto::before { - content: 'Auto-entrepreneur '; + content: 'Auto-entrepreneur :'; } .comparaison-grid > .indep-et-auto::before { - content: 'Indépendant / auto-entrepreneur '; + content: 'Indépendant / auto-entrepreneur :'; } .comparaison-grid > .AS-et-indep::before { content: 'Assimilé salarié / indépendant '; @@ -158,12 +169,13 @@ color: var(--lightColour); } .comparaison-grid > .legend { + justify-content: start; text-align: left; - justify-content: left; } .comparaison-grid > * { border: none; max-width: inherit !important; + flex-direction: row; text-align: right; justify-content: right; } diff --git a/source/components/SchemeComparaison.js b/source/components/SchemeComparaison.js index 2671e20ff..bafef9dc7 100644 --- a/source/components/SchemeComparaison.js +++ b/source/components/SchemeComparaison.js @@ -90,7 +90,9 @@ const SchemeComparaison = ({ )} - La protection à la carte + + La protection sociale à la carte +

@@ -99,7 +101,7 @@ const SchemeComparaison = ({ Auto-entrepreneur - Pour les petites activités + Pour créer sans risques

@@ -113,7 +115,7 @@ const SchemeComparaison = ({ EI, EURL, SARL majoritaire
- Micro-entreprise + Auto-entreprise
{!hideAssimiléSalarié && ( @@ -122,7 +124,7 @@ const SchemeComparaison = ({

Sécurité sociale

Régime général
- Sécurité sociale des indépendants (SSI) + Sécurité sociale des indépendants
@@ -137,35 +139,39 @@ const SchemeComparaison = ({ Non -

Assurance maladie

+

+ Assurance maladie{' '} + (médicaments, soins, hospitalisations) +

-
++
-
+
- -

Indemnités journalières

+
Identique pour tous
+ +

Mutuelle santé

-
++
-
+
+
Obligatoire
+
Fortement conseillée
)} - {!conversationStarted && ( - <> - -

Retraite

-
-
+++
-
++
-
+
- - )} + +

Indemnités journalières

+
+
+++
+
++
+
+
+ +

Retraite

+
+
+++
+
++
+
+
{conversationStarted && ( <>

Période

-
+
@@ -233,7 +239,9 @@ const SchemeComparaison = ({ )}
-

Revenu net de cotisations (avant impôts)

+

+ Revenu net de cotisations (avant impôts) +

{assimiléSalarié && ( @@ -270,7 +278,9 @@ const SchemeComparaison = ({ )}
-

Votre pension de retraite (estimation)

+

+ Votre pension de retraite (estimation) +

{assimiléSalarié && @@ -316,38 +326,58 @@ const SchemeComparaison = ({ <> {!hideAutoEntrepreneur && ( <> - -

ACCRE

-
Une année, plafonné
+ +

ACRE

+
+ 1 an (exonération partielle de cotisations) +
- 3 années, progressif, non plafonné + 3 ans{' '} + (application de taux réduits de cotisations)

Déduction des charges

-
Régime réel
-
Abattement forfaitaire
+
+ Oui (régime fiscal du réel) +
+
+ Non{' '} + + (mais abattement forfaitaire pour le calcul de l'impôt sur + le revenu) + +
)}

Paiment des cotisations

-
Mensuel (à la source)
-
Annuel avec deux ans de décalage
+
Mensuel
+
+ Provision mensuelle{' '} + + (avec régularisation après coup en fonction du revenu réel) + +
Mensuel ou trimestriel

- Complémentaires retraite et santé déductibles + Contrats prévoyance et retraite facultatives déductibles

-
Oui (jusqu'à 50%)
-
Oui (Loi Madelin)
+
+ Oui (sous certaines conditions) +
+
+ Oui (Loi Madelin) +
Non
-

Cotisations minimales

+

Paiement de cotisations minimales

Non @@ -359,13 +389,17 @@ const SchemeComparaison = ({ Non
-

Seuil d'activation des droits

+

+ Revenu minimum pour l'ouverture des droits aux prestations +

Oui
- Non + + Non (cotisations minimales obligatoires) +
Oui @@ -389,22 +423,26 @@ const SchemeComparaison = ({
Non
-
-
    -
  • 70 000 € en services
  • -
  • 170 000 € en vente de biens, restauration ou hébergement
  • -
+
+ Oui + + (70 000 € en services / 170 000 € en vente de biens, restauration + ou hébergement) +
)} - -

Comptabilité

-
Experte
-
Complexe
-
Simple
-
+

Gestion comptable, sociale, juridique...

+
+ Accompagnement fortement conseillé{' '} + (expert comptable, comptable, centre de gestion agrée...) +
+ +
+ + Simplifiée (peut être gérée par l'auto-entrepreneur) + +