Correction des marges et j'ai aussi remarqué un petit détail : tout mon css était ignoré par git…

.gitignore

 env/
-static
+/static
 __pycache__
 gala/settings.py
 /media

blog/static/blog/css/base.css

+/*
+* @Author: klmp200
+* @Date:   2016-07-06 15:42:59
+* @Last Modified by:   klmp200
+* @Last Modified time: 2016-07-10 22:20:06
+*/
+
+@import 'https://fonts.googleapis.com/css?family=Raleway';
+
+body {
+	background-image: url("/static/blog/img/background.png");
+	background-repeat: repeat;
+	background-attachment: fixed;
+	font-family: 'Roboto', sans-serif;
+}
+
+.content {
+	background-color: #eee;
+	border: 3px #b2810e solid;
+}
+
+#content {
+	margin-right: 5%;
+	margin-left: 5%;
+}
+
+.article {
+	// border-top: 3px black solid;
+}
+
+.credit {
+	border-top: 3px #b2810e solid;
+	margin-bottom: -20px;
+}
+
+hr {
+	background-color: black;
+	color: black;
+	border: 1px;
+	width: 100%;
+	height: 1px;
+}
+
+/*
+* Décompte
+*/
+
+.vcenter {
+    margin-top: 25%;
+    margin-bottom: 25%;
+}
+
+.chronoBloc {
+	padding-top: 10px;
+	padding-bottom: 10px;
+	text-align: center;
+	display: block;
+}
+
+@media (min-width: 1200px) {
+	.chronoBloc {
+		margin-top: 10px;
+		padding-top: 20px;
+		padding-bottom: 20px;
+	}
+}
+
+@media (max-width: 768px) {
+	.chronoBloc {
+		padding-top: 5px;
+		padding-bottom: 5px;
+	}
+}
+
+.chrono {
+	background-color: #5A6AFF;
+	color: #ffffff;
+	font-size: 3.5em;
+}
+
+.days {
+	font-weight: bold;
+	color: black;
+}
+
+
+/*
+* Réseaux Sociaux
+*/
+
+.socialBloc {
+	margin-bottom: 5px;
+	padding-top: 20px;
+	padding-bottom: 20px;
+	text-align: center;
+	display: block;
+}
+
+.youtube {
+	background-color: #EB9388;
+	color: #ffffff;
+}
+
+.youtube:hover {
+	background-color: #ffffff;
+	color: #DD4B39;
+}
+
+.twitter {
+    background-color: #66CDF4;
+    color: #ffffff;
+}
+
+.twitter:hover {
+    color: #00ACED;
+    background-color: #ffffff;
+}
+
+.facebook {
+	background-color: #205081;
+	color: #ffffff;
+}
+
+.facebook:hover {
+	color: #2E3D54;
+	background-color: #ffffff;
+}
+
+/*
+* Gestion des liens
+*/
+
+a:hover {
+	text-decoration:none;
+}
+
+a, a:link {
+	text-decoration: none;
+	outline: none;
+	color: black;
+}
+
+/*
+* Navigateur mobile
+*/
+
+* {
+	-moz-box-sizing: border-box !important;
+	box-sizing: border-box !important;
+}
+
+img {
+	display: block;
+	max-width: 100%;
+	height: auto;
+}
+
+@media screen and (max-width: 992px) {
+}
+@media screen and (max-width: 764px) {
+	body {
+		padding-bottom: 15%;
+	}
+}
+@media screen and (max-width: 330px) {
+	body {
+		padding-bottom: 40%;
+	}
+}
+@-moz-document url-prefix() {
+	html {
+		margin-right: -14px !important;
+		overflow-y: scroll;
+		overflow-x: hidden;
+		width: 100%;
+	}
+	body {
+		position: relative;
+		overflow-x: hidden;
+	}
+}
\ No newline at end of file

blog/static/blog/css/nav.css

+/*
+* @Author: klmp200
+* @Date:   2016-07-10 16:06:30
+* @Last Modified by:   klmp200
+* @Last Modified time: 2016-07-10 21:24:00
+*/
+
+.navbar-default {
+  background-color: #0a0d17;
+  border-color: #b2810e;
+  border-radius: 0px;
+}
+.navbar-default .navbar-brand {
+  color: #ecf0f1;
+}
+.navbar-default .navbar-brand:hover,
+.navbar-default .navbar-brand:focus {
+  color: #ffffff;
+}
+.navbar-default .navbar-text {
+  color: #ecf0f1;
+}
+.navbar-default .navbar-nav > li > a {
+  color: #ecf0f1;
+}
+.navbar-default .navbar-nav > li > a:hover,
+.navbar-default .navbar-nav > li > a:focus {
+  color: #ffffff;
+}
+.navbar-default .navbar-nav > li > .dropdown-menu {
+  background-color: #0a0d17;
+}
+.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
+  color: #ecf0f1;
+}
+.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
+.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
+  color: #ffffff;
+  background-color: #b2810e;
+}
+.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
+  background-color: #b2810e;
+}
+.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
+.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
+.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
+  color: #ffffff;
+  background-color: #b2810e;
+}
+.navbar-default .navbar-nav > .active > a,
+.navbar-default .navbar-nav > .active > a:hover,
+.navbar-default .navbar-nav > .active > a:focus {
+  color: #ffffff;
+  background-color: #b2810e;
+}
+.navbar-default .navbar-nav > .open > a,
+.navbar-default .navbar-nav > .open > a:hover,
+.navbar-default .navbar-nav > .open > a:focus {
+  color: #ffffff;
+  background-color: #b2810e;
+}
+.navbar-default .navbar-toggle {
+  border-color: #b2810e;
+}
+.navbar-default .navbar-toggle:hover,
+.navbar-default .navbar-toggle:focus {
+  background-color: #b2810e;
+}
+.navbar-default .navbar-toggle .icon-bar {
+  background-color: #ecf0f1;
+}
+.navbar-default .navbar-collapse,
+.navbar-default .navbar-form {
+  border-color: #ecf0f1;
+}
+.navbar-default .navbar-link {
+  color: #ecf0f1;
+}
+.navbar-default .navbar-link:hover {
+  color: #ffffff;
+}
+
+@media (max-width: 767px) {
+  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
+    color: #ecf0f1;
+  }
+  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
+  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
+    color: #ffffff;
+  }
+  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
+  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
+  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
+    color: #ffffff;
+    background-color: #b2810e;
+  }
+}
+
+.navbar-default-gala {
+	border-bottom: 3px #b2810e solid;
+}
\ No newline at end of file

blog/static/blog/js/chrono.js

+/*
+* @Author: klmp200
+* @Date:   2016-07-09 21:50:07
+* @Last Modified by:   klmp200
+* @Last Modified time: 2016-07-10 19:01:02
+*/
+
+'use strict';
+
+function SetChrono(file) {
+
+	var now = new Date();
+	var gala = new Date();
+	var diff = 0;
+
+	$.getJSON(file, function(data) {
+
+		gala.setFullYear(data.year, data.month - 1, data.day);
+		diff = gala.getTime() - now.getTime();
+		// Il faut retirer 1 au mois puisque l'indice commence à 0
+		diff = Math.floor(diff / (1000 * 60 * 60 * 24));
+		if (diff < 0){
+			diff = 0;
+		}
+
+		$(".days").html(diff);
+
+	});
+
+}
\ No newline at end of file

blog/static/blog/json/chrono.json

+{
+	"day": 19,
+	"month": 11,
+	"year": 2016
+}
\ No newline at end of file