diff --git a/static/angouleme/_custom.scss b/static/angouleme/_custom.scss
index 44110081..e6487411 100644
--- a/static/angouleme/_custom.scss
+++ b/static/angouleme/_custom.scss
@@ -42,6 +42,24 @@ div#header {
 	}
 }
 
+.social-links {
+	position: absolute;
+	bottom: calc(#{$nav-height} + 5px);
+	@media ($max-mobile-viewport) {
+		bottom: 5px;
+	}
+	right: 1rem;
+	display: flex;
+}
+
+.social-links--item {
+	margin: 0rem 0.1rem;
+
+	&[href=""] {
+		display: None;
+	}
+}
+
 div.gru-nav ul li a {
 	font-size: $nav-font-size;
 	text-transform: uppercase;
diff --git a/static/angouleme/img/facebook.png b/static/angouleme/img/facebook.png
new file mode 100644
index 00000000..ac42ce2a
Binary files /dev/null and b/static/angouleme/img/facebook.png differ
diff --git a/static/angouleme/img/instagram.png b/static/angouleme/img/instagram.png
new file mode 100644
index 00000000..d96c10fa
Binary files /dev/null and b/static/angouleme/img/instagram.png differ
diff --git a/static/angouleme/img/linked-in.png b/static/angouleme/img/linked-in.png
new file mode 100644
index 00000000..463a9650
Binary files /dev/null and b/static/angouleme/img/linked-in.png differ
diff --git a/static/angouleme/img/twitter.png b/static/angouleme/img/twitter.png
new file mode 100644
index 00000000..d220769a
Binary files /dev/null and b/static/angouleme/img/twitter.png differ
diff --git a/static/angouleme/img/vimeo.png b/static/angouleme/img/vimeo.png
new file mode 100644
index 00000000..523d5079
Binary files /dev/null and b/static/angouleme/img/vimeo.png differ
diff --git a/static/angouleme/img/website.png b/static/angouleme/img/website.png
new file mode 100644
index 00000000..bf7d40ac
Binary files /dev/null and b/static/angouleme/img/website.png differ
diff --git a/static/angouleme/img/youtube.png b/static/angouleme/img/youtube.png
new file mode 100644
index 00000000..d95f2667
Binary files /dev/null and b/static/angouleme/img/youtube.png differ
diff --git a/templates/variants/angouleme/combo/page_template.html b/templates/variants/angouleme/combo/page_template.html
new file mode 100644
index 00000000..b891fb0f
--- /dev/null
+++ b/templates/variants/angouleme/combo/page_template.html
@@ -0,0 +1,30 @@
+{% extends "combo/page_template.html" %}
+{% load static %}
+
+{% block header-bottom %}
+<div class="social-links">
+  <a href="{{site_url}}" class="social-links--item" title="Site Internet">
+    <img src="{{site_base}}{% static "" %}{{css_variant}}/img/website.png"></img>
+  </a>
+  <a href="{{facebook_url}}" class="social-links--item" title="Facebook">
+    <img src="{{site_base}}{% static "" %}{{css_variant}}/img/facebook.png"></img>
+  </a>
+  <a href="{{instagram_url}}" class="social-links--item" title="Instagram">
+    <img src="{{site_base}}{% static "" %}{{css_variant}}/img/instagram.png"></img>
+  </a>
+  <a href="{{linked_in_url}}" class="social-links--item" title="Linked In">
+    <img src="{{site_base}}{% static "" %}{{css_variant}}/img/linked-in.png"></img>
+  </a>
+  <a href="{{twitter_url}}" class="social-links--item" title="Twitter">
+    <img src="{{site_base}}{% static "" %}{{css_variant}}/img/twitter.png"></img>
+  </a>
+  <a href="{{youtube_url}}" class="social-links--item" title="Youtube">
+    <img src="{{site_base}}{% static "" %}{{css_variant}}/img/youtube.png"></img>
+  </a>
+  <a href="{{vimeo_url}}" class="social-links--item" title="Vimeo">
+    <img src="{{site_base}}{% static "" %}{{css_variant}}/img/vimeo.png"></img>
+  </a>
+</div>
+{% endblock %}
+
+