diff --git a/wcs/montpellier-commune/custom-castelnau-le-lez.css b/wcs/montpellier-commune/custom-castelnau-le-lez.css
index d9258b7..1daf5c5 100644
--- a/wcs/montpellier-commune/custom-castelnau-le-lez.css
+++ b/wcs/montpellier-commune/custom-castelnau-le-lez.css
@@ -172,3 +172,21 @@ div.buttons input {
 div#steps span.marker {
 	color: #9ED0EF;
 }
+
+
+@media screen and (max-width: 1000px) {
+	div#header {
+		margin-left: 0;
+	}
+	div#top {
+		margin-left: 10px;
+	}
+	body div#toplinks {
+		width: 100%;
+		border-radius: 0;
+	}
+	a#bandeau-commune {
+		width: auto;
+		background: transparent;
+	}
+}
diff --git a/wcs/montpellier-commune/custom-fabregues.css b/wcs/montpellier-commune/custom-fabregues.css
index c441dc4..d83e5e4 100644
--- a/wcs/montpellier-commune/custom-fabregues.css
+++ b/wcs/montpellier-commune/custom-fabregues.css
@@ -202,3 +202,19 @@ div#idp-links {
 	margin-top: 260px;
 }
 
+@media screen and (max-width: 1000px) {
+	div#header {
+		margin-left: 0;
+		width: 100%;
+	}
+	div#top {
+		margin-left: 10px;
+	}
+	body div#toplinks {
+		width: 100%;
+		border-radius: 0;
+	}
+	a#bandeau-commune {
+		width: auto;
+	}
+}
diff --git a/wcs/montpellier-commune/custom-juvignac.css b/wcs/montpellier-commune/custom-juvignac.css
index 1e15463..882cd5c 100644
--- a/wcs/montpellier-commune/custom-juvignac.css
+++ b/wcs/montpellier-commune/custom-juvignac.css
@@ -175,3 +175,26 @@ div.buttons input {
 div#steps span.marker {
 	color: #9ED0EF;
 }
+
+@media screen and (max-width: 1000px) {
+	div#header {
+		margin-left: 0;
+		width: 100%;
+	}
+	div#top {
+		margin-left: 10px;
+	}
+	body div#toplinks {
+		width: 100%;
+		border-radius: 0;
+	}
+	a#bandeau-commune {
+		width: auto;
+	}
+}
+
+@media screen and (max-width: 500px) {
+	a#bandeau-commune {
+		background-size: 100%;
+	}
+}
diff --git a/wcs/montpellier-commune/custom-laverune.css b/wcs/montpellier-commune/custom-laverune.css
index 8c09053..3fab32d 100644
--- a/wcs/montpellier-commune/custom-laverune.css
+++ b/wcs/montpellier-commune/custom-laverune.css
@@ -193,3 +193,20 @@ div#idp-links {
 	margin-top: 260px;
 }
 
+@media screen and (max-width: 1000px) {
+	div#header {
+		margin-left: 0;
+		width: 100%;
+		height: 280px;
+	}
+	div#top {
+		margin-left: 10px;
+	}
+	body div#toplinks {
+		width: 100%;
+		border-radius: 0;
+	}
+	a#bandeau-commune {
+		width: auto;
+	}
+}
diff --git a/wcs/montpellier-commune/custom-villeneuvelesmaguelone.css b/wcs/montpellier-commune/custom-villeneuvelesmaguelone.css
index b89ec61..28e1c8d 100644
--- a/wcs/montpellier-commune/custom-villeneuvelesmaguelone.css
+++ b/wcs/montpellier-commune/custom-villeneuvelesmaguelone.css
@@ -165,4 +165,25 @@ br.clear {
 	clear: both;
 }
 
-
+@media screen and (max-width: 1000px) {
+	#toplinks span.login {
+		width: 90%;
+	}
+	div#header {
+		margin-left: 0;
+		width: 100%;
+		height: 280px;
+		background: #392108 url(villeneuvelesmaguelone/titre.png) top right no-repeat;
+	}
+	div#top {
+		margin-left: 10px;
+	}
+	body div#toplinks {
+		width: 100%;
+		border-radius: 0;
+	}
+	a#bandeau-commune {
+		width: auto;
+		background: transparent;
+	}
+}
diff --git a/wcs/montpellier-commune/wcs.css b/wcs/montpellier-commune/wcs.css
index fbe6c5b..e32c0a5 100644
--- a/wcs/montpellier-commune/wcs.css
+++ b/wcs/montpellier-commune/wcs.css
@@ -308,6 +308,7 @@ div#centre h3 {
   text-transform: uppercase;
   padding: 6px 10px 6px 55px;
   font-size: 150%;
+  box-sizing: border-box;
 }
 
 div#services-2nd ul,
@@ -492,6 +493,8 @@ div.WcsExtraStringWidget input,
 div.TextWidget textarea, 
 div.SingleSelectHintWidget select {
 	border: 1px solid #aaa;
+	max-width: 100%;
+	box-sizing: border-box;
 	background: white;
 	border-radius: 2px;
 	-moz-border-radius: 2px;
@@ -955,13 +958,14 @@ div#services > ul {
 
 div#services > ul > li {
     margin: 0px 1ex;
+    box-sizing: border-box;
     background: white;
     column-break-inside: avoid;
     -moz-column-break-inside: avoid;
     -webkit-column-break-inside: avoid;
     display: inline-block;
     margin-bottom: 10px;
-    width: 98%;
+    width: 96%;
 }
 
 div#services > ul > li strong {
@@ -1084,3 +1088,76 @@ div#side div#tracking-code {
 div.hidden {
 	display: none;
 }
+
+
+@media screen and (max-width: 1000px) {
+	body div#page,
+	body div#top,
+	body div#main-content-wrapper,
+	body div#main-content,
+	body div#toplinks,
+	body div#profile,
+	body div#breadcrumb,
+	body div.large div#rub_service,
+	body div.large div#centre,
+	body div#footer {
+		width: auto;
+	}
+	body div#member,
+	body div#new_member,
+	body div#accessibility,
+	body div#contact,
+	body div#info,
+	body div#rub_agenda,
+	body div#rub_annonce,
+	body div#profile,
+	body div#rub_consultation,
+	body div#rub_service,
+	body div#gauche,
+	body div#centre {
+		width: 100%;
+		float: none;
+	}
+	div#services > ul > li {
+		width: 95%;
+	}
+	body div#gauche {
+		margin-top: 0px;
+		margin-left: 0;
+	}
+	body div#tracking-code h3 {
+		display: inline-block;
+	}
+	body div#steps {
+		position: static;
+		white-space: nowrap;
+		overflow: hidden;
+		width: 100%;
+	}
+	body div#steps ol {
+		margin-top: 0;
+	}
+	body div#steps ol li {
+		display: inline-block;
+		margin-right: 1ex;
+	}
+	body div#steps ol li span.marker {
+		float: none;
+		clear: both;
+		display: inline;
+		font-size: 100%;
+		position: static;
+	}
+	body div#steps ol li.step-before .label {
+		display: none;
+	}
+}
+
+@media screen and (max-width: 510px) {
+	body div#services-2nd > ul,
+	body div#services > ul {
+		-moz-column-count: 1;
+		-webkit-column-count: 1;
+		column-count: 1;
+	}
+}