Mise en page du HTML des barres de progressions

css/base.css

@@ -193,6 +193,19 @@ figcaption {
     line-height: 0.5em;
 }
 
+#progress {
+    display: block;
+    text-align: center;
+}
+
+#gauge-bar {
+    float: left;
+}
+
+#fundraising-bar {
+    float: left;
+}
+
 code {
     background: #ffffff1f;
     padding: 0.2em 0.4em;

index.html

@@ -86,11 +86,25 @@
 			</h3>
 			<section id="progress">
 				<p>Il y a</p>
-				<div class="places"><span class="bar"><span id="gauge-bar" style="width:0" class="progression lessthanhalf"><span id="gauge-text">?/200</span></span></span></div>
+
+				<div class="places">
+					<span class="bar">
+						<span id="gauge-bar" style="width:0" class="progression lessthanhalf">
+							<span id="gauge-text">?/200</span>
+						</span>
+					</span>
+				</div>
+
 				<p>places déjà réservées. Ouverture prochaine des inscriptions !</p>
 				<br>
 				<p>Et nous avons reçu</p>
-				<div class="places"><span class="bar"><span id="fundraising-bar" style="width:0" class="progression lessthanhalf"><span id="fundraising-text">? %</span></span></span></div>
+				<div class="places">
+					<span class="bar">
+						<span id="fundraising-bar" style="width:0" class="progression lessthanhalf">
+							<span id="fundraising-text">? %</span>
+						</span>
+					</span>
+				</div>
 				<p>des dons dont nous avons besoin (voir le détail des comptes)</p>
 			</section>
 			<h3>