diff --git a/src/frontend/apps/impress/src/assets/icons/icon-devise.svg b/src/frontend/apps/impress/src/assets/icons/icon-devise.svg
new file mode 100644
index 00000000..5834b975
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/icon-devise.svg
@@ -0,0 +1,20 @@
+
diff --git a/src/frontend/apps/impress/src/assets/icons/icon-gouv.svg b/src/frontend/apps/impress/src/assets/icons/icon-gouv.svg
deleted file mode 100644
index 5cce8b51..00000000
--- a/src/frontend/apps/impress/src/assets/icons/icon-gouv.svg
+++ /dev/null
@@ -1,30 +0,0 @@
-
diff --git a/src/frontend/apps/impress/src/components/LogoGouv.tsx b/src/frontend/apps/impress/src/components/LogoGouv.tsx
new file mode 100644
index 00000000..e7264cea
--- /dev/null
+++ b/src/frontend/apps/impress/src/components/LogoGouv.tsx
@@ -0,0 +1,42 @@
+import Image from 'next/image';
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+
+import { default as IconDevise } from '@/assets/icons/icon-devise.svg?url';
+import { default as IconMarianne } from '@/assets/icons/icon-marianne.svg?url';
+
+import { Box } from './Box';
+import { Text, TextType } from './Text';
+
+interface LogoGouvProps {
+ imagesWidth?: number;
+ textProps?: TextType;
+}
+
+const LogoGouv = ({ imagesWidth, textProps }: LogoGouvProps) => {
+ const { t } = useTranslation();
+
+ return (
+
+
+
+
+
+ Gouvernement
+
+
+
+ );
+};
+
+export default LogoGouv;
diff --git a/src/frontend/apps/impress/src/features/footer/Footer.tsx b/src/frontend/apps/impress/src/features/footer/Footer.tsx
index 8addd850..a6fc098a 100644
--- a/src/frontend/apps/impress/src/features/footer/Footer.tsx
+++ b/src/frontend/apps/impress/src/features/footer/Footer.tsx
@@ -1,11 +1,9 @@
-import Image from 'next/image';
import React from 'react';
import { useTranslation } from 'react-i18next';
import styled from 'styled-components';
-import { default as IconGouv } from '@/assets/icons/icon-gouv.svg?url';
-import { default as IconMarianne } from '@/assets/icons/icon-marianne.svg?url';
import { Box, StyledLink, Text } from '@/components/';
+import LogoGouv from '@/components/LogoGouv';
import IconLink from './assets/external-link.svg';
@@ -24,14 +22,6 @@ export const Footer = () => {
-
-
-
{
>
-
diff --git a/src/frontend/apps/impress/src/features/header/Header.tsx b/src/frontend/apps/impress/src/features/header/Header.tsx
index 66f496d8..7f18c0c7 100644
--- a/src/frontend/apps/impress/src/features/header/Header.tsx
+++ b/src/frontend/apps/impress/src/features/header/Header.tsx
@@ -3,9 +3,8 @@ import React from 'react';
import { useTranslation } from 'react-i18next';
import styled from 'styled-components';
-import { default as IconGouv } from '@/assets/icons/icon-gouv.svg?url';
-import { default as IconMarianne } from '@/assets/icons/icon-marianne.svg?url';
import { Box, StyledLink, Text } from '@/components/';
+import LogoGouv from '@/components/LogoGouv';
import { LanguagePicker } from '../language/';
@@ -36,20 +35,19 @@ export const Header = () => {
$css="box-shadow: 0 1px 4px #00000040;"
>
-
-
-
-
-
+