Ajout du % de prélèvements aux exemples

source/sites/embauche.gouv.fr/pages/ExampleSituations.css

@@ -9,9 +9,10 @@
 	align-items: center;
 }
 #exampleSituations .example h2 {
-	width: 30%;
+	width: 25%;
 	display: inline-block;
 	font-size: 120%;
+	text-align: center;
 }
 #exampleSituations .example ul {
 	width: 100%;
@@ -20,13 +21,11 @@
 	justify-content: space-around;
 	list-style: none;
 }
-#exampleSituations .example h2 {
-}
 #exampleSituations .example li {
 	padding-top: 0;
 }
 #exampleSituations .example h3 {
-	font-size: 100%;
+	font-size: 95%;
 	font-weight: 600;
 	color: #444;
 }

source/sites/embauche.gouv.fr/pages/ExampleSituations.js

@@ -57,7 +57,7 @@ class Example extends Component {
 					})
 				},
 				net,
-				{ ...netAprèsImpôts, title: 'Net après impôt' }
+				{ ...netAprèsImpôts, title: 'Après impôt' }
 			]
 
 		return (
@@ -74,6 +74,19 @@ class Example extends Component {
 							</span>
 						</li>
 					))}{' '}
+					<li key="%">
+						<h3>Prélèvements</h3>
+						<span
+							style={{ color: colours.textColourOnWhite }}
+							className="figure">
+							{do {
+								let de = figures[0].nodeValue,
+									à = figures[3].nodeValue
+								Math.round(((de - à) / de) * 100)
+							}}{' '}
+							%
+						</span>
+					</li>
 				</ul>
 			</li>
 		)