diff --git a/source/components/rule/References.css b/source/components/rule/References.css
index 9071a0d0c..2ff9b5bcc 100644
--- a/source/components/rule/References.css
+++ b/source/components/rule/References.css
@@ -12,6 +12,10 @@
 .references li {
         margin-bottom: .15em;
 }
+#noOfficialReferences {
+  text-align: center;
+  font-style: italic;
+}
 .references .meta {
         text-align: right;
         width: 16em;
diff --git a/source/components/rule/References.js b/source/components/rule/References.js
index 154366a63..81908e13f 100644
--- a/source/components/rule/References.js
+++ b/source/components/rule/References.js
@@ -9,7 +9,7 @@ export default class References extends React.Component {
 	}
 	render() {
 		let { refs } = this.props,
-			{ complementary, official } = R.groupBy(
+			{ complementary, official=[] } = R.groupBy(
 				([name, link]) => (this.findRefKey(link) ? "official" : "complementary")
 			)(R.toPairs(refs)),
 			showComplementary = this.state.showComplementary,
@@ -19,6 +19,7 @@ export default class References extends React.Component {
 			<ul className="references">
 				{[
 					...official.map(this.renderRef),
+					official.length == 0 ? <li id="noOfficialReferences">Pas de sources officielles</li> : null,
 					...(showComplementaryButton
 						? [
 							<li id="complementary" key="compl">