Fixing the grid layout

index.html

@@ -61,7 +61,8 @@
 			</div>
 		</div>
 		<div id="page0" class="page container-fluid">
-			<div class="color0 pageContent">
+			<div class="row">
+				<div class="color0 pageContent col-md-8 col-md-offset-2">
 					<a href="#main" class="btn btn-default">Retour à l'accueil</a>
 					<h1>Pourquoi contrôler mes données&nbsp;?</h1>
 						<div class="pageSection">
@@ -106,9 +107,12 @@
 						<a href="#main" class="btn btn-default">Retour à l'accueil</a>
 					</div>
 				</div>
+			</div>
+		</div>
 
-			<div id="page1" class="page contanier-fluid">
-				<div class="color1 pageContent">
+		<div id="page1" class="page container-fluid">
+			<div class="row">
+				<div class="color1 pageContent col-md-8 col-md-offset-2">
 					<a href="#main" class="btn btn-default">Retour à l'accueil</a>
 					<h1>Qu'est-ce-que la loi peut changer&nbsp;?</h1>
 					<div class="pageSection">
@@ -165,17 +169,14 @@
 						<button type="button" class="btn btn-default" data-toggle="collapse" data-target="#collapse6" aria-expanded="false" aria-controls="#collapse6">Continuer &#9660;</button>
 					</div>
 
-					<div class="pageSection contanier-fluid" id="tableau">
-						<div class="row">
+					<div class="pageSection" id="tableau">
 						<h2>Quels sont les enjeux du futur règlement&nbsp;?</h2>
 						<p>Cliquez sur une case pour en apprendre plus</p><br/>
-						</div>
-						<div class="row">
 						<div class="panel-group" id="tloi" role="tablist" aria-multiselectable="true">
 							<div class="panel panel-default">
 								<div class="panel-heading" role="tab" id="thead1">
 									<h4 class="panel-title">
-											<a class="collapsed" role="button" data-toggle="collapse" data-parent="#tloi" href="#tcollapse1" aria-expanded="false" aria-controls="tcollapse1"> Consentement explicite</a>
+										<a class="collapsed" role="button" data-toggle="collapse" data-parent="#tloi" href="#tcollapse1" aria-expanded="true" aria-controls="tcollapse1"> Consentement explicite</a>
 										<p> Aucune de vos données ne pourra être collectée, traitée ou revendue sans que vous n'ayez clairement dit «&nbsp;j'accepte&nbsp;», en connaissance de cause.</p>
 									</h4>
 								</div>
@@ -351,17 +352,15 @@
 									</div>
 							</div>
 						</div>
+						<a href="#main" class="btn btn-default">Retour à l'acceuil</a>
 					</div>
-
-
 				</div>
-					<a href="#main" class="btn btn-default">Retour à l'acceuil</a>
 			</div>
 		</div>
 
 		<!-- Jusqu'ici c'est bon, pas touche les textes en dessous -->
 
-			<div id="page2" class="page hidden">
+			<div id="page2" class="page container-fluid">
 				<div class="color2 pageContent">
 					<bouton onclick="navig(2);">Retour à l'accueil</bouton>
 					<br/><h1>Comment maîtriser mes données&nbsp;?</h1>