diff --git a/wcs/montpellier-ville/custom-montpellier.css b/wcs/montpellier-ville/custom-montpellier.css
index 89069b7..a9aceb0 100644
--- a/wcs/montpellier-ville/custom-montpellier.css
+++ b/wcs/montpellier-ville/custom-montpellier.css
@@ -25,11 +25,11 @@ div#header {
 
 div#header a#bandeau-commune {
 	padding: 8px 0 0 75px;
-	background: url(montpellier/SIT_MPL_084_SIT_MPL_058_logowebMTP.png) top left no-repeat;
-	text-indent: 0;
+	background: url(montpellier/logoMTP.png) top left no-repeat;
 	color: white;
 	font-family: adelle;
 	font-size: 24px;
+	width: 460px;
 }
 
 a {
@@ -39,17 +39,13 @@ a {
 }
 
 div#top {
-	height: 50px;
-	width: 1000px;
+	height: 90px;
 	margin: 0 auto;
 }
 
 a#bandeau-commune {
-	padding-top: 60px;
 	padding-left: 0;
-	background: url(dardilly/img-sprites.png) no-repeat 0 0;
-	background-origin: content-box;
-	height: 77px;
+	height: 97px;
 	text-indent: -1000em;
 	border: none;
 }
@@ -63,6 +59,12 @@ div#main-content-wrapper {
 div#main-content {
 	width: 1000px;
 	margin: auto;
+}
+
+div#gauche,
+div#breadcrumb,
+div#centre,
+div#droite {
 	background: white;
 	background: rgba(255, 255, 255, 0.8);
 }
@@ -111,7 +113,7 @@ div#global-title {
 	background: #333333;
 	color: white;
 	font-size: 16px;
-	padding: 5px;
+	padding: 10px;
 }
 
 div#global-title span {
@@ -134,7 +136,7 @@ div#gauche h3,
 div.large div#rub_service h3,
 div#centre h3 {
 	background: transparent;
-	color: #1191D0;
+	color: #265aa2;
 	padding-left: 1ex;
 	text-transform: none;
 }
@@ -144,7 +146,7 @@ div#steps ol li {
 }
 
 div#steps ol li.current {
-	background: #1191D0;
+	background: #265aa2;
 }
 
 div#steps li.current span.marker,
@@ -161,7 +163,7 @@ p.command,
 a.edit-custom-text,
 #page div.back-home-button a,
 div.buttons input {
-	background: #1191D0;
+	background: #265aa2;
 }
 
 div#home-page-intro p:first-child {
@@ -169,7 +171,6 @@ div#home-page-intro p:first-child {
 }
 
 div#home-page-intro {
-	margin-top: 30px;
 	background: transparent url(montpellier/numero-vert.png) top right no-repeat;;
 	padding-right: 510px;
 	min-height: 180px;
@@ -222,6 +223,7 @@ p#welcome {
 }
 
 div#centre {
+	padding-top: 10px;
 	margin-top: -1px;
 }
 
@@ -240,15 +242,15 @@ div#profile {
     border: none;
 }
 
+div#gauche {
+	margin-left: 0;
+}
+
 div#breadcrumb {
 	margin-top: 1ex;
 	margin-bottom: 0;
 }
 
-div#gauche {
-	margin-left: 10px;
-}
-
 div#content a {
 	color: #333;
 }
@@ -313,9 +315,15 @@ div#services-2nd::before {
 	content: "Votre espace pour vos démarches administratives en ligne.";
 }
 
+div#services p,
+div#services-2nd p {
+	margin-right: 10px;
+}
+
 div#services ul ul,
 div#services-2nd ul ul {
 	list-style: none;
+	margin-right: 10px;
 }
 
 
@@ -329,9 +337,108 @@ div#footer {
 	visibility: hidden;
 }
 
+div#services-2nd > ul > li strong a:hover,
+div#services > ul > li strong a:hover {
+	font-weight: normal;
+	color: black;
+}
 
 div#services ul li img,
 div#services-2nd ul li img {
 	display: block;
 	width: 100%;
 }
+
+@media screen and (max-width: 1000px) {
+	div#top,
+	div#main-content-wrapper,
+	div#main-content,
+	div#toplinks,
+	div#profile,
+	div#breadcrumb,
+	div.large div#rub_service,
+	div.large div#centre,
+	div#footer {
+		width: auto;
+	}
+	div#member,
+	div#new_member,
+	div#accessibility,
+	div#contact,
+	div#info,
+	div#rub_agenda,
+	div#rub_annonce,
+	div#profile,
+	div#rub_consultation,
+	div#rub_service,
+	div#gauche,
+	div#centre {
+		width: 100%;
+		float: none;
+	}
+	div#gauche {
+		margin-top: 0px;
+	}
+	div#tracking-code h3 {
+		display: inline-block;
+	}
+	div#steps {
+		position: static;
+		white-space: nowrap;
+		overflow: hidden;
+		width: 100%;
+	}
+	div#steps ol {
+		margin-top: 0;
+	}
+	div#steps ol li {
+		display: inline-block;
+		margin-right: 1ex;
+	}
+	div#steps ol li span.marker {
+		float: none;
+		clear: both;
+		display: inline;
+		font-size: 100%;
+		position: static;
+	}
+	div#steps ol li.step-before .label {
+		display: none;
+	}
+}
+
+@media screen and (max-width: 800px) {
+	div#services-2nd > ul,
+	div#services > ul {
+		-moz-column-count: 2;
+		-webkit-column-count: 2;
+		column-count: 2;
+	}
+	div#home-page-intro {
+		background-position: top center;
+		padding-right: 0;
+		padding-top: 180px;
+		min-height: auto;
+	}
+	div#main-content {
+		padding-top: 1em;
+	}
+	div#toplinks {
+		top: 97px;
+	}
+}
+
+@media screen and (max-width: 800px) {
+	div#services-2nd > ul,
+	div#services > ul {
+		-moz-column-count: 1;
+		-webkit-column-count: 1;
+		column-count: 1;
+	}
+}
+
+@media screen and (max-width: 510px) {
+	div#home-page-intro {
+		background-position: top right;
+	}
+}
diff --git a/wcs/montpellier-ville/montpellier/logoMTP.png b/wcs/montpellier-ville/montpellier/logoMTP.png
new file mode 100644
index 0000000..97e6ca8
Binary files /dev/null and b/wcs/montpellier-ville/montpellier/logoMTP.png differ