Espace insécable + disabled buttons

components/en-savoir-plus/index.jsx

@@ -66,7 +66,7 @@ class MentionsLegales extends PureComponent {
         >
           <Grid item xs={6} className={classes.gridItemText}>
               <Typography>
-                    <span className={classes.spanTitreIntro}>OPEN LexImpact, c'est quoi ?</span>
+                    <span className={classes.spanTitreIntro}>OPEN LexImpact, c'est&#xA0;quoi&#xA0;?</span>
               </Typography>
               <Typography>
                     OPEN LexImpact est une interface qui permet de simuler, de façon
@@ -83,19 +83,19 @@ class MentionsLegales extends PureComponent {
 
               <div className={classes.divButton}>
                 <Link href="/presentation-et-cgu">
-                    <Button variant="outlined" color="inherit" fullWidth="true">Présentation et conditions d'utilisation</Button>
+                    <Button variant="outlined" color="inherit" size="large" fullWidth="true">Présentation et conditions d'utilisation</Button>
                 </Link>
               </div>
 
               <div className={classes.divButton}>
                 <Link href="/mentions-legales">
-                    <Button variant="outlined" color="inherit" fullWidth="true">Mentions légales</Button>
+                    <Button disabled="true" variant="outlined" color="inherit" size="large" fullWidth="true">Mentions légales</Button>
                 </Link>
               </div>
 
               <div className={classes.divButton}>
                 <Link href="/vos-retours">
-                    <Button variant="outlined" color="inherit" fullWidth="true">Vos retours sont précieux</Button>
+                    <Button disabled="true" variant="outlined" color="inherit" size="large" fullWidth="true">Vos retours sont précieux</Button>
                 </Link> 
               </div>
             </div>

pages/presentation-et-cgu.jsx

@@ -19,6 +19,7 @@ import withRoot from "../lib/withRoot";
 import "../styles/pages-textes.scss";
 import Link from "next/link";
 import { Paper, Grid, Button } from "@material-ui/core"
+import Divider from '@material-ui/core/Divider';
 
 const styles = () => ({
   dialog: {
@@ -76,7 +77,8 @@ class ExamplePage extends PureComponent {
         </Head>
         <AppHeader/>
         <section className={classes.sectionText}>
-        <h1>Présentation du service et conditions d&apos;utilisation</h1>
+        <h1>Présentation du service <br />
+        et conditions d&apos;utilisation</h1>
 
             <h2>Contexte</h2>
 
@@ -119,6 +121,8 @@ class ExamplePage extends PureComponent {
                         à l&apos;élaboration de la loi (LexImpact POP).</li>
                     </ul> 
 
+                <Divider light />
+
                 <p>Vous trouverez ci-dessous le détail complet des fonctionnalités disponibles 
                 dans chacune des versions du service :</p>
           </section>
@@ -139,6 +143,8 @@ class ExamplePage extends PureComponent {
                         sur des foyers fiscaux types. Le service ne vous permet pas 
                         de simuler votre situation personnelle.</p>
 
+                        <Divider variant="middle" />
+
                         <p>Dans le cadre de l&apos;actuel périmètre, limité à l&apos;Article 197 
                         du Code général des impôts, concernant spécifiquement l&apos;impôt sur le revenu, 
                         OPEN LexImpact permet de simuler et de comparer :</p>
@@ -150,6 +156,8 @@ class ExamplePage extends PureComponent {
                             </ul>
                         <p>sur des foyers fiscaux types.</p>
 
+                        <Divider variant="middle" />
+
                         <p>Les paramètres modifiables dans l&apos;Article 197 du CGI sont :</p>
                             <ul>
                                 <li>le barème de l&apos;impôt sur le revenu,</li>
@@ -163,6 +171,8 @@ class ExamplePage extends PureComponent {
                         le revenu net à déclarer des foyers fiscaux types 
                         prédéfinis sur l&apos;interface.</p>
 
+                        <Divider variant="middle" />
+
                         <p>L&apos;utilisation d&apos;OPEN LexImpact est libre, facultative et gratuite ; 
                         toute utilisation du service est subordonnée à l&apos;acceptation préalable
                          et au respect intégral des conditions générales d&apos;utilisation 
@@ -185,6 +195,8 @@ class ExamplePage extends PureComponent {
                         LexImpact POP vous permet de simuler les impacts macros 
                         d&apos;une réforme sur la population et les recettes de l&apos;État.</p>
 
+                        <Divider variant="middle" />
+
                         <p>Dans le cadre de l&apos;actuel périmètre, 
                         limité à l&apos;Article 197 du Code général des impôts, 
                         concernant spécifiquement l&apos;impôt sur le revenu, 
@@ -202,6 +214,8 @@ class ExamplePage extends PureComponent {
                                   <li>la répartition des recettes de l&apos;État par décile de population.</li>
                             </ul>
 
+                        <Divider variant="middle" />
+
                         <p>Les paramètres modifiables dans l&apos;Article 197 du CGI sont : </p>
                             <ul>
                                 <li>le barème de l&apos;impôt sur le revenu,</li>
@@ -211,6 +225,8 @@ class ExamplePage extends PureComponent {
                                 <li>la réfaction outre-mers.</li>
                             </ul>
 
+                        <Divider variant="middle" />
+
                         <p>Afin de pouvoir chiffrer les impacts sur le budget de l&apos;État notamment, 
                         LexImpact POP s&apos;appuie sur des données représentatives de la population, 
                         couvertes par des secrets protégés par la loi. Ainsi, seules les personnes 

styles/pages-textes.scss

@@ -4,6 +4,8 @@ h1 {
 	font-family: "lato";
 	color : #000000;
 	font-size:36px;
+	margin-top: 0px;
+	padding-top: 0px;
 
 }
 
@@ -13,6 +15,7 @@ h2 {
 	font-family: "lato";
 	color : #000000;
 	font-size:24px;
+	padding-top: 0px;
 }
 
 p {