diff --git a/project/assets/css/style.css b/project/assets/css/style.css
index ccf554e..e11a98a 100644
--- a/project/assets/css/style.css
+++ b/project/assets/css/style.css
@@ -59,7 +59,16 @@ body{
 	height: 300vh;
 	background-color: #eeeeee;
 }
-
+.test1{
+	float: left;
+	text-align: center;
+	margin-top: 133px;
+}
+.test2{
+	margin-top: 166px;
+	float: right;
+	font-family: 'Open Sans', sans-serif;
+}
 .nav_imie{
 	height: 40px;
 	background-color: #1c1c1c;
@@ -91,17 +100,17 @@ body{
 }
 
 .item_nav_blog_droite{
+	color: #848484;
+	font-family: 'Open Sans', sans-serif;
 	padding-top: 30px;
 	padding-right: 60px;
 	display: inline-block;
-	color: black;
 	float: right;
 }
 
 .item_nav_blog_droite_icon{
-	padding-top: 30px;
+	padding-top: 27px;
 	display: inline-block;
-	color: black;
 	float: right;
 }
 .bloc_principal{
@@ -116,14 +125,23 @@ body{
 	width: 100%;
 	height: 50px;
 	background-color: #ffef2b;
+	font-family: 'Open Sans', sans-serif;
+	font-size: 22px;
 }
 
+.content-homediv{
+	padding: 0;
+}
 
 .item_nav_blog_logo{
-	padding-top: 5px;
+	padding-top: 2px;
 	display: inline-block;
 	float: left;
 }
+.p-home {
+	padding-top: 20px;
+	color: grey;
+}
 #twi{
 	height: 18px;
 	width: 18px;
@@ -135,10 +153,11 @@ body{
 }
 
 #search{
+	font-family: 'Open Sans', sans-serif;
 	background-color: transparent;
 	border: none;
-	width: 120px;
-	border-bottom: #1c1c1c solid 2px;
+	width: 180px;
+	border-bottom: #848484 solid 1px;
 }
 
 #glass{
@@ -146,6 +165,10 @@ body{
 	width: 20px;
 	margin-left: 8px;
 }
+#titre-home{
+	padding-bottom: 20px;
+	font-size: 20px;
+}
 
 @media screen and (max-width: 640px) {
     .nav_imie {
@@ -162,6 +185,21 @@ body{
 		height: 0;
 		width: 0;
 	}
+	.img-home{
+		width: 250px;
+	}
+	.test1{
+		margin-top: 20px;
+	}
+	.test2{
+		margin-top: 20px;
+	}
+	#titre-home{
+		padding-bottom: 10px;
+	}
+	.p-home{
+		padding-top: 7px;
+	}
 }
 
 @media screen and (max-width: 365px) {
@@ -171,4 +209,22 @@ body{
 		width: 60px;
 		border-bottom: #1c1c1c solid 2px;
 	}
+	.img-home{
+		width: 200px;
+	}
+	.test1{
+		margin-top: 20px;
+	}
+	.test2{
+		margin-top: 20px;
+	}
+	#titre-home{
+		padding-bottom: 10px;
+	}
+	.p-home{
+		padding-top: 7px;
+	}
+	.bloc_principal_titre{
+		font-size: 20px;
+	}
 }
\ No newline at end of file
diff --git a/project/assets/html/includes/header.html b/project/assets/html/includes/header.html
index e2b4d0e..fde33b7 100644
--- a/project/assets/html/includes/header.html
+++ b/project/assets/html/includes/header.html
@@ -23,9 +23,9 @@
                 <div class="row">
                     <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                         <ul>
-                            <a><li class="item_nav_blog_logo" ><img src="/assets/img/logo_imie.png"></li></a>
+                            <a><li class="item_nav_blog_logo" ><img src="/assets/img/logo-imie-blog.svg"width="237.75" height="75"></li></a>
                             <a><li class="item_nav_blog_droite_icon"><img id="glass" src="assets/img/glass.png"></li></a>
-                            <a><li class="item_nav_blog_droite_icon"><input id="search" type="text"></li></a>
+                            <a><li class="item_nav_blog_droite_icon"><input id="search" type="text" placeholder="Recherche"></li></a>
                             <a><li class="item_nav_blog_droite" >DEVOPS</li></a>
                             <a><li class="item_nav_blog_droite" >OPS</li></a>
                             <a><li class="item_nav_blog_droite" >DIGI</li></a>
diff --git a/project/assets/html/index.html b/project/assets/html/index.html
index fa979ea..a25496c 100644
--- a/project/assets/html/index.html
+++ b/project/assets/html/index.html
@@ -7,14 +7,30 @@
 			<tag type="includes" file="header" />
 		</header>
 		<main class="test">
-			<div class="pres">
-				<div class="container-fluid">
-					<div class="container">
-						<div class="row">
-							<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
-								<div class="bloc_principal">
+			<div class="container-fluid">
+				<div class="container">
+					<div class="row">
+						<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
+							<div class="bloc_principal">
+								<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 content-homediv">
 									<div class="bloc_principal_titre">
-										<h1>Le titre de la div (bloc_principal)</h1>
+										<h1>L'actualité de nos campus...</h1>
+									</div>
+									<div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 test1">
+										<img class="img-home" src="/assets/img/img_acceuil2.jpg">
+									</div>
+									<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 test2">
+										<h2 id="titre-home">Ceci est un magnifique titre</h2>
+										<p class="p-home">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
+											do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+											Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
+											nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
+											in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+											cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
+										<p class="p-home">Vin reprehenderit
+											in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+											cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+									</div>
 									</div>
 								</div>
 							</div>
diff --git a/project/assets/img/glass.png b/project/assets/img/glass.png
index c3d9efa..e9e53dc 100644
Binary files a/project/assets/img/glass.png and b/project/assets/img/glass.png differ
diff --git a/project/assets/img/img_acceuil.jpg b/project/assets/img/img_acceuil.jpg
new file mode 100644
index 0000000..7a582d4
Binary files /dev/null and b/project/assets/img/img_acceuil.jpg differ
diff --git a/project/assets/img/img_acceuil2.jpg b/project/assets/img/img_acceuil2.jpg
new file mode 100644
index 0000000..78df995
Binary files /dev/null and b/project/assets/img/img_acceuil2.jpg differ
diff --git a/project/assets/img/logo-imie-blog.svg b/project/assets/img/logo-imie-blog.svg
new file mode 100644
index 0000000..7a7d380
--- /dev/null
+++ b/project/assets/img/logo-imie-blog.svg
@@ -0,0 +1 @@
+<svg id="Calque_1" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 951 309"><defs><style>.cls-1{fill:none;}.cls-2,.cls-3,.cls-6,.cls-7{fill:#fff;}.cls-3{font-size:58.17px;}.cls-3,.cls-7{font-family:BrushScriptMT, Brush Script MT;font-style:italic;}.cls-4{fill:#0d0c0d;}.cls-5{clip-path:url(#clip-path);}.cls-6{font-size:74.64px;font-family:Domyouji, Domyouji;}.cls-7{font-size:86.53px;}.cls-8{font-size:78.94px;fill:#0b0b0e;font-family:ZonaBlack-Black, Zona  Black;}</style><clipPath id="clip-path"><rect class="cls-1" x="670.04" y="22.55" width="259.93" height="261.51"/></clipPath></defs><title>Plan de travail 2</title><path class="cls-2" d="M801,215.23a14.6,14.6,0,0,1,4.18-3.31,13.08,13.08,0,0,1,6.18-1.52c4,0,8,0,12.07,0,9.53,0,17.57,7.05,17.65,15.58.08,9.43,0,18.85,0,28.28,0,1-.38,1.15-1.36,1.14-4.28,0-8.57-.06-12.86,0-1.18,0-1.36-.36-1.36-1.3,0-9,0-17.91,0-26.87,0-2.09-.8-2.83-3.1-2.84q-5.31,0-10.64,0c-2.28,0-3.12.79-3.12,2.86,0,8.86,0,17.72,0,26.58,0,1.18-.2,1.62-1.68,1.58-4-.11-8.05-.09-12.07,0-1.39,0-1.86-.24-1.85-1.59.08-8.81.05-17.63,0-26.44,0-2.29-.75-3-3.27-3h-10c-2.78,0-3.62.73-3.62,3.18,0,8.82,0,17.63,0,26.44,0,1.13-.34,1.42-1.58,1.4-4.23-.07-8.47,0-12.7,0-.95,0-1.27-.18-1.27-1.09,0-9.43-.09-18.86.06-28.29.13-8.7,8.23-15.61,18-15.62,3.65,0,7.31.09,11,0A14.2,14.2,0,0,1,801,215.23Z"/><path class="cls-2" d="M892,239.53c-5,0-10.05,0-15.08,0-1.27,0-2,.27-2.09,1.52s.42,1.82,1.87,1.93c4.75.37,9.51.41,14.26.48,5.56.07,11.11.06,16.67,0,1.09,0,1.46.26,1.44,1.27q-.09,4.76,0,9.51c0,1-.34,1.18-1.36,1.17-9.26,0-18.52,0-27.78,0-7.86-.06-15.42-6.13-16.46-13.41-.8-5.6-.32-11.25-.22-16.88a12.46,12.46,0,0,1,1.18-4.54c.34-.81.69-1.16,1.43-.29.29.34.66.62,1,1,.53.59,1,.59,1.47-.05.73-1,1.47-.91,2.23,0,.35.42.82.75,1.19,1.15.85.93,1.66,1.79,2.78.21a.74.74,0,0,1,1.2,0c1,1,2.09,2,3.16,3,.48.43.26.67-.14,1-1.42,1.21-2.79,2.46-4.21,3.66-.6.52-1.05.88-.2,1.66s1.25.45,1.72-.15c.76-.94,1.38-.77,2,.1.51.68,1.06.86,1.68.05s1.38-.9,2.09,0c.57.73,1.12.86,1.76,0s1.47-.7,2.1.11,1.06.77,1.64,0,1.41-.87,2.1,0,1.11.86,1.75,0,1.35-.82,2,0,1.45,1.1,2.26.07c.54-.67,1.06-.65,1.58,0,.68.92,1.4,1,2.13,0s1.46-.76,2.15.1c.36.45.72.91,1.45.21s.52-.93-.07-1.48q-9.3-8.73-18.57-17.5c-.49-.47-.86-1.08-1.73-.28s-.3,1,.27,1.42c1,.65.69,1.24-.11,1.81s-1.33,1.14-.09,1.92.1,1.36-.44,2-1.2.75-1.82,0-1.23-1.1-2-.05c-.49.7-1.14.76-1.77,0-.39-.44-.9-.81-1.3-1.24-.9-1-1.73-2-3-.29-.32.43-.81.27-1.19-.13s-1-1-1.51-1.46c-1.67-1.62-1.68-1.63.27-3.09a17.26,17.26,0,0,1,10.27-3.64q9-.1,17.93.06a18.9,18.9,0,0,1,7.34,1.62,10,10,0,0,1,6.47,9.37c.19,4.72-1.09,9.29-2,13.89-.27,1.29-.09,3-1.11,3.73s-3,.23-4.48.25c-4,0-8,0-12.06,0Z"/><path class="cls-2" d="M742.06,233.78c0-6.72,0-13.45,0-20.17,0-1.07.33-1.37,1.51-1.35q6.35.09,12.69,0c1.15,0,1.39.33,1.38,1.29q0,20.31,0,40.62c0,1-.29,1.26-1.4,1.25-4.23-.06-8.46-.07-12.69,0-1.19,0-1.51-.26-1.5-1.33C742.09,247.32,742.06,240.55,742.06,233.78Z"/><path class="cls-2" d="M859.88,233.94c0,6.72,0,13.45,0,20.17,0,1.08-.33,1.33-1.5,1.31-4.28-.07-8.56,0-12.85,0-1,0-1.24-.25-1.23-1.12q0-20.44,0-40.9c0-.88.31-1.13,1.27-1.12,4.33,0,8.67,0,13,0,1.09,0,1.29.34,1.29,1.23C859.86,220.3,859.88,227.12,859.88,233.94Z"/><path class="cls-2" d="M749.92,210.47c-2.22,0-4.44,0-6.66,0-.81,0-1.25-.1-1.22-1,.07-2.22.05-4.44,0-6.66,0-.75.26-1,1.08-1q6.81,0,13.62,0c.93,0,1.16.29,1.14,1.07,0,2.17,0,4.35,0,6.52,0,.82-.27,1-1.16,1C754.46,210.44,752.19,210.47,749.92,210.47Z"/><path class="cls-2" d="M852.25,201.88c2.22,0,4.43,0,6.65,0,.93,0,1.31.17,1.28,1.09-.07,2.17-.06,4.35,0,6.52,0,.84-.33,1-1.19,1q-6.74,0-13.46,0c-.85,0-1.23-.15-1.2-1,.06-2.22,0-4.45,0-6.67,0-.76.31-1,1.11-.95C847.71,201.9,850,201.88,852.25,201.88Z"/><text class="cls-3" transform="translate(668.91 252.97)">By</text><g id="carré"><rect class="cls-4" x="670.04" y="22.55" width="266.43" height="263.89"/><g class="cls-5"><path class="cls-2" d="M879.81,202.26H865.92v-8.33h13.89Zm-.23,44.22H865.93V204.14h13.65Zm-16.63,0H849.29v-28.3a2.17,2.17,0,0,0-2.16-2.18H836.31a2.18,2.18,0,0,0-2.17,2.18v28.3H820.49v-28.3a2.18,2.18,0,0,0-2.17-2.18H807.58a2.24,2.24,0,0,0-2.24,2.18v28.3H791.68v-28.3a15.94,15.94,0,0,1,15.9-15.92h10.74a11.79,11.79,0,0,1,9,5,11.66,11.66,0,0,1,9-5h10.82A15.88,15.88,0,0,1,863,218.18Zm-74-44.22H775v-8.33h13.88Zm-.22,44.22H775V204.14H788.7Z"/><text class="cls-6" transform="translate(877.65 246.68) scale(1.01 1)">e</text></g></g><text class="cls-7" transform="translate(684.28 246.44) scale(1.01 1)">By</text><text class="cls-8"><tspan x="338.27" y="183.32">&lt;BLOG</tspan><tspan x="99.79" y="262.76">ETUDIANT/&gt;</tspan></text></svg>
\ No newline at end of file
diff --git a/project/assets/img/logo_imie 2.png b/project/assets/img/logo_imie 2.png
new file mode 100644
index 0000000..188b468
Binary files /dev/null and b/project/assets/img/logo_imie 2.png differ
diff --git a/project/assets/img/logo_imie.png b/project/assets/img/logo_imie.png
index b694cc3..188b468 100644
Binary files a/project/assets/img/logo_imie.png and b/project/assets/img/logo_imie.png differ