diff --git a/template-parts/articles/article-toolbar.php b/template-parts/articles/article-toolbar.php
new file mode 100644
index 0000000..63dad87
--- /dev/null
+++ b/template-parts/articles/article-toolbar.php
@@ -0,0 +1,29 @@
+<?php
+
+?>
+
+<div id="article-toolbar" class="article-toolbar">
+	<div role="tablist" aria-labelledby="tablist-1" class="tablist">
+		<button id="tab-1" type="button" role="tab" aria-selected="true" aria-controls="tabpanel-1">
+			<img class="icon" src="<?php echo get_stylesheet_directory_uri(); ?>/resources/img/icons/carhop-document.svg" alt="">
+			Article
+		</button>
+		<button id="tab-2" type="button" role="tab" aria-selected="false" aria-controls="tabpanel-2" tabindex="-1">
+			<img class="icon" src="<?php echo get_stylesheet_directory_uri(); ?>/resources/img/icons/carhop-plume.svg" alt="">
+
+			Auteur·e·s
+		</button>
+		<button id="tab-3" type="button" role="tab" aria-selected="false" aria-controls="tabpanel-3" tabindex="-1">
+			<img class="icon" src="<?php echo get_stylesheet_directory_uri(); ?>/resources/img/icons/carhop-lien.svg" alt="">
+			Références
+		</button>
+		<button id="tab-4" type="button" role="tab" aria-selected="false" aria-controls="tabpanel-4" tabindex="-1">
+			<img class="icon" src="<?php echo get_stylesheet_directory_uri(); ?>/resources/img/icons/carhop-plan.svg" alt="">
+			Table des matières
+		</button>
+		<button id="tab-5" type="button" role="tab" aria-selected="false" aria-controls="tabpanel-5" tabindex="-1">
+			<img class="icon" src="<?php echo get_stylesheet_directory_uri(); ?>/resources/img/icons/carhop-note-biographique.svg" alt="">
+			Informations
+		</button>
+	</div>
+</div>
\ No newline at end of file