diff --git a/wcs/montpellier-commune/custom-perols.css b/wcs/montpellier-commune/custom-perols.css
new file mode 100644
index 0000000..e2e6bfa
--- /dev/null
+++ b/wcs/montpellier-commune/custom-perols.css
@@ -0,0 +1,185 @@
+body {
+	background: url(perols/bgx_body.png);
+}
+
+div#header {
+	background: transparent;
+	position: static;
+	margin: 0 auto;
+}
+
+a {
+	-webkit-transition: all 200ms ease-out;
+	-moz-transition: all 200ms ease-out;
+	transition: all 200ms ease-out;
+}
+
+div#top {
+	background: transparent url(perols/top.png) top left no-repeat;
+	height: 246px;
+	width: 1058px;
+	margin: 0 auto;
+}
+
+a#bandeau-commune {
+	background: none;
+	border: none;
+	margin-top: 110px;
+	padding-left: 0;
+	color: transparent;
+	display: inline-block;
+	line-height: 120px;
+	padding-top: 60px;
+}
+
+div#main-content-wrapper {
+	margin: 0;
+	margin-top: 0px;
+	width: auto;
+}
+
+div#main-content {
+	width: 1000px;
+	margin: auto;
+	background: white;
+}
+
+div#content {
+	padding-top: 1px;
+}
+
+div#toplinks {
+	top: 20px;
+	right: 45px;
+	background: transparent;
+	text-align: right;
+}
+
+#toplinks a.logout {
+	background: none;
+	padding-left: 0;
+}
+
+div#toplinks span.logged-in,
+div#toplinks span.login {
+	border: none;
+	background: none;
+	text-align: right;
+}
+
+#toplinks span.logged-in a.myspace,
+#toplinks span.logged-in a.myaccount {
+	padding-right: 10px;
+}
+
+div#toplinks a {
+	color: white;
+	padding: 0;
+}
+
+div#services > ul > li strong,
+div#rub_consultation h2,
+div#rub_service h2,
+div#rub_annonce h2,
+div#rub_agenda h2,
+div#profile h2,
+div#services-2nd h3,
+div#member h2,
+div#help h2, div#info h2, div#accessibility h2, div#contact h2,
+div#gauche h3,
+div.large div#rub_service h3,
+div#centre h3 {
+	background: #e3007a;
+	color: white;
+	padding-left: 1ex;
+	margin-left: -1px;
+	text-transform: none;
+}
+
+div#services > ul > li strong {
+    background: #00adc6 url(Picto-EServices.png) 5px 50% no-repeat;
+    padding: 6px 1em 6px 47px;
+}
+
+
+div#steps ol li {
+	background: #6c6c6c;
+}
+
+div#steps ol li.current {
+	background: #3c3c3c;
+}
+
+div#steps li.current span.marker,
+div#steps span.marker {
+	color: #888;
+}
+
+div#centre li li a,
+div#gauche li a {
+	background-image: url(perols/bullet.png);
+}
+
+div#content #disclose-dataview,
+p.command,
+a.edit-custom-text,
+#page div.back-home-button a,
+div.buttons input {
+	background: #3c3c3c;
+}
+
+div#home-page-intro {
+	background: transparent;
+}
+
+#footer-wrapper {
+	background: #3a3a3a;
+	min-height: 150px;
+}
+
+br.clear {
+	clear: both;
+}
+
+#footer h3, #footer a {
+	color: #efe;
+}
+
+div#footer div#help {
+	background: transparent;
+	border: none;
+	color: #ccc;
+}
+
+#agglo-link a {
+	background-color: transparent;
+}
+
+p#welcome {
+	margin-top: -4px;
+	color: white;
+}
+
+div#centre {
+	margin-top: -1px;
+}
+
+div#profile {
+	width: 1000px;
+}
+
+#toplinks a.restricted {
+	position: absolute;
+	top: 4px;
+	right: 5px;
+}
+
+#toplinks #welcome span {
+	background: none;
+    border: none;
+}
+
+div#breadcrumb {
+	margin-top: 1ex;
+	margin-bottom: 0;
+}
diff --git a/wcs/montpellier-commune/perols/bgx_body.png b/wcs/montpellier-commune/perols/bgx_body.png
new file mode 100644
index 0000000..47aa97b
Binary files /dev/null and b/wcs/montpellier-commune/perols/bgx_body.png differ
diff --git a/wcs/montpellier-commune/perols/bullet.png b/wcs/montpellier-commune/perols/bullet.png
new file mode 100644
index 0000000..9c5383f
Binary files /dev/null and b/wcs/montpellier-commune/perols/bullet.png differ
diff --git a/wcs/montpellier-commune/perols/top.png b/wcs/montpellier-commune/perols/top.png
new file mode 100644
index 0000000..94398bc
Binary files /dev/null and b/wcs/montpellier-commune/perols/top.png differ