diff --git a/src/main/ts-v7/src/app/app.component.html b/src/main/ts-v7/src/app/app.component.html
index 4a48be9..c22508b 100755
--- a/src/main/ts-v7/src/app/app.component.html
+++ b/src/main/ts-v7/src/app/app.component.html
@@ -2,4 +2,4 @@
 <main class="container">
   <router-outlet></router-outlet>
 </main>
-<!-- <app-footer></app-footer> -->
+<app-footer></app-footer>
diff --git a/src/main/ts-v7/src/app/app.module.ts b/src/main/ts-v7/src/app/app.module.ts
index 2742faa..50e8e8c 100755
--- a/src/main/ts-v7/src/app/app.module.ts
+++ b/src/main/ts-v7/src/app/app.module.ts
@@ -47,11 +47,13 @@ import { ProfilEditionService } from './account-settings/profil-edition/profil-e
 import { PostService } from './posts/post.service';
 import { ByCategoryService } from './posts/byCategory/by-category.service';
 import { CreateUpdatePostService } from './posts/create-update/create-update-post.service';
+import { FooterComponent } from './footer/footer.component';
 
 @NgModule({
 	declarations: [
 		AppComponent,
 		HeaderComponent,
+		FooterComponent,
 		LoginComponent,
 		DisconnectionComponent,
 		HomeComponent,
diff --git a/src/main/ts-v7/src/app/footer/footer.component.html b/src/main/ts-v7/src/app/footer/footer.component.html
new file mode 100644
index 0000000..0ff665c
--- /dev/null
+++ b/src/main/ts-v7/src/app/footer/footer.component.html
@@ -0,0 +1,20 @@
+<footer class="page-footer indigo center-on-small-only">
+	<!-- fixed-bottom -->
+	<div class="footer-copyright">
+		<div class="container">
+			<span class="float-left">
+				<span class="anticopy">&copy;</span> 2017 - 2019 Tous droits r&eacute;serv&eacute;s -
+				<i id="appVersion" routerLink="/versionrevisions" mdbTooltip="Notes de versions" placement="top" mdbRippleRadius>
+					{{appVersion}}
+				</i>
+			</span>
+			<span class="float-right">
+				<a target="_blank" href="./assets/doc/codiki_user_manual.pdf" mdbTooltip="Manuel d'utilisation" placement="top" mdbRippleRadius>
+					<i class="fa fa-book"></i>
+				</a> -
+				Développements réalisés par
+				<a href="mailto:florian.thierry72@gmail.com">Florian THIERRY</a>
+			</span>
+		</div>
+	</div>
+</footer>
diff --git a/src/main/ts-v7/src/app/footer/footer.component.scss b/src/main/ts-v7/src/app/footer/footer.component.scss
new file mode 100644
index 0000000..3004449
--- /dev/null
+++ b/src/main/ts-v7/src/app/footer/footer.component.scss
@@ -0,0 +1,25 @@
+footer {
+	position: absolute;
+	right: 0;
+	bottom: 0;
+	left: 0;
+}
+
+.footer-copyright {
+	padding: 10px 0;
+}
+
+.page-footer {
+	padding-top: 0px;
+}
+
+span.anticopy {
+	display: inline-block;
+	transform: rotate(180deg);
+}
+
+#appVersion {
+	color: rgba(255, 255, 255, 0.6);
+	display: inline;
+	cursor: pointer;
+}
diff --git a/src/main/ts-v7/src/app/footer/footer.component.ts b/src/main/ts-v7/src/app/footer/footer.component.ts
new file mode 100644
index 0000000..350849a
--- /dev/null
+++ b/src/main/ts-v7/src/app/footer/footer.component.ts
@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+
+import { environment } from '../../environments/environment';
+
+@Component({
+	selector: 'app-footer',
+	templateUrl: './footer.component.html',
+	styleUrls: ['./footer.component.scss']
+})
+export class FooterComponent {
+	appVersion = environment.appVersion;
+}