diff --git a/public/favicon.ico b/public/favicon.ico
index 3e1866f..378b2ec 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/public/images/background_no_logo_p23.gif b/public/images/background_no_logo_p23.gif
new file mode 100644
index 0000000..d8557e0
Binary files /dev/null and b/public/images/background_no_logo_p23.gif differ
diff --git a/public/images/logo_p23.png b/public/images/logo_p23.png
new file mode 100644
index 0000000..e3adaa2
Binary files /dev/null and b/public/images/logo_p23.png differ
diff --git a/src/App.js b/src/App.js
index 48d70e3..99c8a2c 100644
--- a/src/App.js
+++ b/src/App.js
@@ -28,15 +28,15 @@ const PUBLIC_URL = process.env.PUBLIC_URL;
 // I usually already have this, to include a CSS
 // reset, set border-box, and other global concerns.
 const GlobalStyles = createGlobalStyle`
-  html {
-	  --color-primary: #7ADFCE;
-	  --color-secondary: #D4E4E0;
-	  --color-third: #1D1D1B;
-	  --color-light: #3499FF;
-	  --color-warning: #3499FF;
-	  --color-important: #3499FF;
-	  --color-font: #FAFAFA;
-  }
+	html {
+		--color-primary: #BAB9B9;
+		--color-secondary: #D4E4E0;
+		--color-third: #1D1D1B;
+		--color-light: #464646;
+		--color-warning: #464646;
+		--color-important: #464646;
+		--color-font: #FAFAFA;
+	}
 `;
 
 class App extends React.Component {
diff --git a/src/components/Header.js b/src/components/Header.js
index 8bec6db..e5cde40 100644
--- a/src/components/Header.js
+++ b/src/components/Header.js
@@ -16,9 +16,10 @@ export function IconButtonLink(props) {
 }
 
 
-const COUVERTURE_PATH = asset_url('/images/background_a22.png')
-const COUVERTURE_PATH_XS = asset_url('/images/background_no_logo_a22.png')
-const LOGO_PATH = asset_url('/images/logo_a22.png')
+//const COUVERTURE_PATH = asset_url('/images/background_a22.png')
+const COUVERTURE_PATH = asset_url('/images/background_no_logo_p23.gif')
+const COUVERTURE_PATH_XS = asset_url('/images/background_no_logo_p23.gif')
+const LOGO_PATH = asset_url('/images/logo_p23.png')
 
 
 class Header extends React.Component {
@@ -82,6 +83,7 @@ class Header extends React.Component {
 					</Hidden>
 					<Hidden xsDown implementation="css">
 						<img alt="couverture_pic" src={COUVERTURE_PATH} className={classes.couverture}/>
+						<img alt="logo_pic" src={LOGO_PATH} className={classes.logoCouv} />
 					</Hidden>
 				</div>
 			</React.Fragment>
@@ -101,12 +103,12 @@ const styles = theme => ({
 	appBar: {
 		backgroundColor: 'var(--color-light)',
 		color: 'white',
+
 	},
 	logo: {
 		flexGrow: 1,
 	},
 	menuButton: {
-		backgroundColor: 'var(--color-light)',
 		fontSize: 35,
 		padding: "10px",
 		marginTop: 0,
@@ -117,6 +119,7 @@ const styles = theme => ({
 			borderTop: "3px solid var(--color-primary)",
 			textDecoration: "none",
 		},
+		boxshadow: '0 0 60px 30px #fff',
 	},
 	icon: {
 		fontSize: 35,
@@ -134,10 +137,10 @@ const styles = theme => ({
 		objectFit: 'cover',
 	},
 	logoCouv: {
-		width: '70%',
+		width: '50%',
 		position: 'absolute',
-		top: '15%',
-		left: '15%'
+		top: '3%',
+		left: '25%'
 	},
 	couvXS: {
 		display: 'flex'