diff --git a/css/theme.css b/css/theme.css
index 62a4731..edc4f2f 100644
--- a/css/theme.css
+++ b/css/theme.css
@@ -44,7 +44,7 @@ body {
 .header {
 	background-color: #fff;
 	border-bottom: 1px solid #ddd;
-	padding-top: 1.3rem;
+	padding: 1.3rem 0 1.3rem 0;
 	height: 9rem;
 	z-index: 2;
 }
@@ -57,26 +57,37 @@ body {
 	text-decoration: none;
 }
 
-.logo {
+#main-header{
+	display: flex;
+	justify-content: space-between;
+}
+
+#title{
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+}
+
+/* .logo {
 	background: url("../img/logo-hadoly.png") top left no-repeat;
 	height: 10rem;
 	background-size: 8rem;
 	background-position: 2rem 0;
 	padding-left: 11rem;
-}
+} */
 
 @media (max-width: 921px) {
 	#subtitle {
 		display: none;
 	}
 
-	#title {
+	/* #title {
 		margin-top: 20px;
-	}
+	} */
 }
 
 @media (max-width: 463px) {
-	#title, #subtitle {
+	#title {
 		display: none;
 	}
 }
diff --git a/header.php b/header.php
index 5a9eac2..b00220d 100644
--- a/header.php
+++ b/header.php
@@ -27,10 +27,15 @@
 
 				<div class="col sml-6">
 
-					<div class="logo">
+					<div id="main-header" class="logo">
+
+						<img src="<?php $plxShow->template(); ?>/img/logo-hadoly.png" alt="logo d'Hadoly">
 					
-						<h1 id="title" class="no-margin heading-small"><?php $plxShow->mainTitle('link'); ?></h1>
-						<h2 id="subtitle" class="h5 no-margin"><?php $plxShow->subTitle(); ?></h2>
+						<div id="title">
+							<h1 class="no-margin heading-small"><?php $plxShow->mainTitle('link'); ?></h1>
+							<h2 id="subtitle" class="h5 no-margin"><?php $plxShow->subTitle(); ?></h2>
+						</div>
+						
 					
 					</div>