Suite mise en page

pages/conditions-d-utilisation-leximpactpop.jsx

@@ -38,7 +38,7 @@ const styles = () => ({
     margin: "0 auto",
     padding: "30px",
 
-  }
+  },
     
 });
 
@@ -55,6 +55,8 @@ class ExamplePage extends PureComponent {
           <section className={classes.sectionText}>
               <h1>Conditions d'utilisation de LexImpact POP</h1>
 
+
+
                 <p>Pour fournir les impacts agrégés sur le budget de l’État 
                 et leurs effets sur des déciles de population, 
                 LexImpact s’appuie sur une base de données, la&nbsp; 
@@ -117,8 +119,8 @@ class ExamplePage extends PureComponent {
                             <li>les administrateurs et administratrices de l&apos;Assemblée nationale.</li>
                         </ul>
 
-                    <p><i>Si vous faîtes partie des personnes telles que listées au paragraphe précédent 
-                    et que vous n&apos;arrivez pas à vous connecter à LexImpact POP :</i></p>
+                    <p><b>Si vous faîtes partie des personnes telles que listées au paragraphe précédent 
+                    et que vous n&apos;arrivez pas à vous connecter à LexImpact POP :</b></p>
 
                         <ol> 
                             <li>Veuillez vérifier que vous avez bien utilisé votre adresse mail 
@@ -139,9 +141,9 @@ class ExamplePage extends PureComponent {
                         </ol>
 
 
-                    <p><i>Si vous ne faîtes pas partie des personnes habilitées, 
+                    <p><b>Si vous ne faîtes pas partie des personnes habilitées, 
                     que vous participez professionnellement à l&apos;élaboration de la loi 
-                    et que vous souhaitez accéder au service :</i></p>
+                    et que vous souhaitez accéder au service :</b></p>
                     
                     <p>L&apos;accord de l&apos;INSEE est indispensable pour étendre 
                     l&apos;accès de l&apos;outil LexImpact POP à tout nouvel organisme. 
@@ -153,10 +155,6 @@ class ExamplePage extends PureComponent {
                     d&apos;une acceptation d&apos;habilitation.</p>
 
                     
-                    
-
-
-
                 <h2>Vos données</h2>
 
                     <p>Dans le cadre du partenariat avec l&apos;INSEE et 

pages/conditions-d-utilisation-openleximpact.jsx

@@ -54,6 +54,8 @@ class ExamplePage extends PureComponent {
         <section className={classes.sectionText}>
               <h1>Conditions d'utilisation d&apos;OPEN LexImpact</h1>
 
+              
+
                 <h2>Vocabulaire</h2>
 
                     <p>« Nous » se réfère à l&apos;éditeur d&apos;OPEN LexImpact.</p>

pages/presentation-et-cgu.jsx

@@ -80,7 +80,10 @@ class ExamplePage extends PureComponent {
         <h1>Présentation du service <br />
         et conditions d&apos;utilisation</h1>
 
+
+
             <h2>Contexte</h2>
+            <Divider light={false}/>
 
                 <p>Chaque année, toute ou partie de la population française est concernée par des changements fiscaux, 
                 hérités de modifications législatives régulières.</p> 
@@ -99,6 +102,7 @@ class ExamplePage extends PureComponent {
                 sur un périmètre actuellement limité à l&apos;impôt sur le revenu, qui vise à s&apos;élargir progressivement.</p>
 
             <h2>Service actuel</h2> 
+            <Divider/>
 
                 <p>LexImpact est une interface qui permet d’évaluer, de façon rapide, 
                 l&apos;impact des réformes paramétriques de l'impôt sur le revenu. 
@@ -121,7 +125,7 @@ class ExamplePage extends PureComponent {
                         à l&apos;élaboration de la loi (LexImpact POP).</li>
                     </ul> 
 
-                <Divider light />
+                <Divider/>
 
                 <p>Vous trouverez ci-dessous le détail complet des fonctionnalités disponibles 
                 dans chacune des versions du service :</p>

styles/pages-textes.scss

@@ -16,15 +16,15 @@ h2 {
 	color : #000000;
 	font-size:24px;
 	padding-top: 0px;
+	margin-bottom: 5px;
 }
 
 p {
 	font-family : "Lato";
 	color : #000000;
 	font-size:16px;
-	padding-left: 30px;
-	padding-right: 30px;
 	text-align: justify;
+	margin-bottom: 0px;
 
 }
 
@@ -34,15 +34,16 @@ li {
 
 }
 ul {
-	padding-left: 80px;
+	padding-left: 60px;
 	padding-right: 30px;
+	margin-top: 0px;
 }
 
 ol {
-	padding-left: 80px;
+	padding-left: 60px;
 	padding-right: 30px;
 	text-align: justify;
-
+	margin-top: 0px;
 }
 
 a:hover {