body {
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  /*background-color: @light-gray;*/
  background-image: url(/static/img/gray_jean.png);
  background-repeat: repeat;
  font-family: 'Helvetica', 'Arial', sans-serif;
  font-size: 15px;
  color: #454545;
  font-weight: 400;
  max-height: 999999px;
}
body > .center {
  margin: 0 auto;
  padding: 0;
  width: 950px;
}
#header {
  position: relative;
  line-height: 0;
}
#header img {
  clear: both;
}
#header ul {
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  list-style-type: none;
  line-height: 1;
  padding: 0;
  margin: 0;
}
#header ul li {
  float: left;
  text-decoration: none;
}
#header ul li:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
#header ul li.active {
  background-color: black;
  font-weight: bold;
}
#header ul li a {
  text-decoration: none;
  color: white;
}
#header ul#lang {
  top: 0;
  right: 0;
}
#header ul#lang li {
  padding: 6px 10px;
  font-size: 10px;
}
#header ul#lang li a {
  font-size: 10px;
}
#header ul#menu {
  bottom: 0;
  left: 0;
  width: 100%;
}
#header ul#menu li {
  padding: 14px 20px;
}
#header #logo {
  position: absolute;
  bottom: -25px;
  right: 0;
  z-index: 100;
}
#content {
  overflow: hidden;
}
#content textarea {
  background: none repeat scroll 0% 0% #ffffff;
  border-width: 1px;
  border-style: solid;
  border-color: #c0c0c0 #d9d9d9 #d9d9d9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px 5px;
}
#content textarea:not(:disabled):hover {
  border-color: #a0a0a0 #b9b9b9 #b9b9b9;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1) inset;
}
#content textarea:not(:disabled):focus {
  border-color: #8c8c8c #a0a0a0 #a0a0a0;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3) inset;
}
#content input[type="text"],
#content input[type="password"] {
  background: none repeat scroll 0% 0% #ffffff;
  border-width: 1px;
  border-style: solid;
  border-color: #c0c0c0 #d9d9d9 #d9d9d9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2px 8px;
}
#content input[type="text"]:not(:disabled):hover,
#content input[type="password"]:not(:disabled):hover {
  border-color: #a0a0a0 #b9b9b9 #b9b9b9;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1) inset;
}
#content input[type="text"]:not(:disabled):focus,
#content input[type="password"]:not(:disabled):focus {
  border-color: #8c8c8c #a0a0a0 #a0a0a0;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3) inset;
}
#content button,
#content input[type="button"],
#content input[type="submit"] {
  background-color: #a5b8da;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a5b8da), color-stop(100%, #7089b3));
  background-image: -webkit-linear-gradient(top, #a5b8da, #7089b3);
  background-image: -moz-linear-gradient(top, #a5b8da, #7089b3);
  background-image: -ms-linear-gradient(top, #a5b8da, #7089b3);
  background-image: -o-linear-gradient(top, #a5b8da, #7089b3);
  background-image: linear-gradient(top, #a5b8da, #7089b3);
  border-top: 1px solid #758fba;
  border-right: 1px solid #6c84ab;
  border-bottom: 1px solid #5c6f91;
  border-left: 1px solid #6c84ab;
  border-radius: 2px;
  color: #fff;
  padding: 3px 8px;
  text-align: center;
  font-weight: bold;
  font-family: 'Helvetica', 'Arial', sans-serif;
  font-size: 14px;
}
#content button:hover,
#content input[type="button"]:hover,
#content input[type="submit"]:hover {
  background-color: #9badcc;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9badcc), color-stop(100%, #687fa6));
  background-image: -webkit-linear-gradient(top, #9badcc, #687fa6);
  background-image: -moz-linear-gradient(top, #9badcc, #687fa6);
  background-image: -ms-linear-gradient(top, #9badcc, #687fa6);
  background-image: -o-linear-gradient(top, #9badcc, #687fa6);
  background-image: linear-gradient(top, #9badcc, #687fa6);
  border-top: 1px solid #6d86ad;
  border-right: 1px solid #647a9e;
  border-bottom: 1px solid #546685;
  border-left: 1px solid #647a9e;
  -webkit-box-shadow: inset 0 1px 0 0 #a5b9d9;
  box-shadow: inset 0 1px 0 0 #a5b9d9;
}
#content button:active,
#content input[type="button"]:active,
#content input[type="submit"]:active {
  border: 1px solid #546685;
  -webkit-box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eeeeee;
  box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eeeeee;
}
#content input[type="submit"] {
  padding: 5px 10px;
  margin: 0;
}
#content input:disabled {
  cursor: default;
  color: #454545;
}
#content textarea:disabled {
  cursor: default;
  color: #454545;
}
#content p.submit {
  text-align: center;
  margin: 20px 0;
}
#content p.submit:last-of-type {
  margin-bottom: 20px;
}
#content fieldset {
  padding: 0 10px 10px 10px;
  border: 1px solid #aaaaaa;
  background-color: #dadada;
  text-align: center;
}
#content fieldset#contact-details {
  margin: 20px 0px 20px 80px;
}
#content fieldset#contact-details input {
  width: 100%;
}
#content fieldset#request {
  float: right;
  margin: 0 80px 20px 20px;
}
#content fieldset#comments {
  clear: both;
  margin: 0 80px;
}
#content fieldset#spam {
  display: none;
}
#content fieldset h3 {
  margin: 6px 0 0 0;
  font-weight: bold;
  font-size: 100%;
}
#content fieldset input[type="checkbox"] {
  margin: 10px 3px 5px 3px;
}
#content fieldset p.error {
  margin: 1px;
  padding: 1px;
  display: none;
  font-size: 12px;
  color: red;
}
#content fieldset table {
  border-collapse: collapse;
  border-style: none;
  width: 100%;
}
#content fieldset table td {
  text-align: left;
  padding: 6px 6px 0 6px;
}
#content fieldset table td:first-of-type {
  text-align: right;
  width: 1px;
  white-space: nowrap;
}
#content fieldset table tr.error {
  font-size: 12px;
  display: none;
}
#content fieldset table tr.error td {
  padding-top: 2px;
  font-size: 12px;
  color: red;
}
#content fieldset textarea {
  width: 100%;
  margin-top: 5px;
}
#content table#price {
  border-collapse: collapse;
  margin: 40px auto;
  text-align: center;
}
#content table#price thead #tabs {
  border: none;
}
#content table#price thead #tabs th {
  margin: 0;
  padding: 0;
}
#content table#price thead #tabs div {
  height: 35px;
  border-bottom: 2px solid #6a6a6a;
}
#content table#price thead #tabs a {
  display: block;
  float: left;
  height: 28px;
  line-height: 28px;
  margin: 5px 20px 0 0;
  padding: 0 10px;
  color: #6a6a6a;
  border: 2px solid transparent;
  border-bottom-color: #6a6a6a;
  text-decoration: none;
  font-size: 90%;
}
#content table#price thead #tabs a#active-tab,
#content table#price thead #tabs a:hover {
  border: 2px solid #6a6a6a;
  border-bottom-color: #ebebeb;
}
#content table#price thead #tabs a#active-tab {
  height: 33px;
  margin: 0 20px 0 0;
  font-size: 120%;
  color: #454545;
}
#content table#price thead h3 {
  font-size: 110%;
  margin: 0;
  padding: 0;
}
#content table#price thead h4 {
  font-size: 80%;
  margin: 0;
  padding: 0;
}
#content table#price thead tr {
  border-bottom: 2px solid #6a6a6a;
}
#content table#price thead tr th {
  padding: 15px 30px;
}
#content table#price thead tr:last-of-type th:first-of-type {
  padding: 15px 60px 15px 30px;
}
#content table#price tbody tr:hover {
  background-color: #e3e3e3;
}
#content table#price tbody tr {
  border-top: 1px solid #cfcfcf;
}
#content table#price tbody td {
  padding: 5px 30px;
}
#content table#price tbody td:first-of-type {
  padding: 5px 60px 5px 30px;
}
#content ul#price-info {
  width: 70%;
  margin: 30px auto;
}
#content ul#price-info li {
  border-bottom: 1px solid #cfcfcf;
}
#content ul#price-info li:last-of-type {
  border-bottom: none;
}
#content ul#price-info li ul {
  line-height: 1;
  margin-top: 8px;
  list-style-type: none;
}
#content ul#price-info li ul li {
  padding: 4px 0;
  border-bottom: none;
}
#content ul#price-info li ul li:hover:before,
#content ul#price-info li ul li:before {
  content: none;
}
#content div.photos {
  background-color: #6a6a6a;
  text-align: center;
  line-height: 0;
}
#content div.photos .slider-container {
  float: left;
  padding: 0px 15px;
  height: 560px;
}
#content div.photos .slider-container a {
  outline: none;
  display: block;
  line-height: 1;
  height: 40px;
  position: relative;
  background: url("/static/img/nav-rotated.png") no-repeat;
}
#content div.photos .slider-container a:hover {
  background: url("/static/img/nav-rotated-selected.png") no-repeat;
}
#content div.photos .slider-container a.prev-page {
  background-position: 50% 0%;
}
#content div.photos .slider-container a.next-page {
  background-position: 50% 100%;
}
#content div.photos .slider-container .slider {
  overflow: hidden;
  position: relative;
  height: 480px;
}
#content div.photos .slider-container .slider ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#content div.photos .slider-container .slider ul li {
  margin: 0;
  padding: 2px 0;
}
#content div.photos .slider-container .slider ul li img {
  width: 140px;
}
#content div.photos .photo {
  height: 500px;
  margin: 30px 0;
}
#content img.selectable {
  border: 2px solid transparent;
  cursor: pointer;
}
#content img.selectable:hover {
  border-color: black;
  -webkit-transition: border-color 0.5s ease;
  -moz-transition: border-color 0.5s ease;
  -o-transition: border-color 0.5s ease;
  transition: border-color 0.5s ease;
}
#content ul.info {
  line-height: 1.4;
  list-style-type: none;
}
#content ul.info li {
  padding: 5px 0;
}
#content ul.info li:hover:before {
  color: #454545;
}
#content ul.info li:before {
  content: "\00BB \0020";
  color: #888;
  position: absolute;
  margin-left: -15px;
}
#content p {
  line-height: 1.6;
  margin-top: 20px;
  margin-bottom: 20px;
}
#content p:last-of-type {
  margin-bottom: 30px;
}
#content h1 {
  font-size: 25px;
  margin: 30px 0;
}
#content h2 {
  font-size: 18px;
}
#content div.appartement {
  padding: 30px 0;
  overflow: hidden;
  border-bottom: 1px solid #cfcfcf;
}
#content div.appartement ul {
  margin-bottom: 0;
}
#content div.appartement h1 {
  margin: 0;
  padding: 0;
}
#content div.appartement .slider-container {
  float: right;
  position: relative;
  margin: 10px 0 0 10px;
  padding: 0 25px;
}
#content div.appartement .slider-container a {
  outline: none;
}
#content div.appartement .slider-container a.prev-page,
#content div.appartement .slider-container a.next-page,
#content div.appartement .slider-container a.prev-slide,
#content div.appartement .slider-container a.next-slide {
  position: absolute;
  height: 100%;
  width: 25px;
  background-image: url("/static/img/nav.png");
  background-repeat: no-repeat;
}
#content div.appartement .slider-container a.prev-page:hover,
#content div.appartement .slider-container a.next-page:hover,
#content div.appartement .slider-container a.prev-slide:hover,
#content div.appartement .slider-container a.next-slide:hover {
  background-image: url("/static/img/nav-selected.png");
}
#content div.appartement .slider-container a.prev-page,
#content div.appartement .slider-container a.prev-slide {
  top: 0;
  left: 0;
  background-position: 0 50%;
}
#content div.appartement .slider-container a.next-page,
#content div.appartement .slider-container a.next-slide {
  top: 0;
  right: 0;
  background-position: 100% 50%;
}
#content div.appartement .slider-container .slider {
  overflow: hidden;
  width: 500px;
  position: relative;
}
#content div.appartement .slider-container .slider ul {
  margin: 0;
  padding: 0;
}
#content div.appartement .slider-container .slider li {
  float: left;
  margin: 0 5px 0 0;
  list-style: none;
  line-height: 0;
}
#content div.appartement .slider-container .slider li:last-of-type {
  margin: 0;
}
#content div.offer {
  padding: 20px 0;
  border-bottom: 1px solid #cfcfcf;
  display: flex;
  flex-direction: row;
  align-items: center;
}
#content div.offer h1 {
  margin: 0;
  padding: 0;
  text-align: center;
}
#content div.offer h2 {
  text-align: center;
  font-size: 110%;
}
#content div.offer ul li {
  padding: 0;
  line-height: 1.6;
}
#content div.offer p {
  margin: 10px;
}
#content div.offer div + p {
  margin-top: 0;
}
#content div.welcome p {
  text-align: justify;
}
#content div.welcome p:first-of-type {
  margin-top: 0;
}
#content div.welcome p:last-of-type {
  text-align: right;
}
#content div.welcome h2 {
  margin-top: 0;
}
#content div.welcome-images {
  overflow: hidden;
  float: right;
  margin: 0 0 50px 20px;
}
#content div.welcome-images a {
  line-height: 0;
}
#content div.welcome-images img {
  border: 1px solid #6a6a6a;
  display: block;
}
#content #directions-panel {
  float: right;
  height: 500px;
  width: 0px;
  background: #fff;
  font-size: 12px;
  font-family: Helvetica, Arial, sans-serif;
}
#content #map-canvas {
  height: 500px;
}
#content #map-control {
  background: #fff;
  padding: 5px;
  font-size: 14px;
  border: 1px solid #ccc;
}
#content #map-control input {
  width: 180px;
}
#content #map-control p#route-error {
  display: none;
  margin: 5px 0;
  text-align: center;
  color: red;
}
#content #map-marker {
  text-align: center;
}
#content #map-marker p {
  margin: 0;
  padding: 0;
  font-size: 90%;
}
#content #map-marker h1 {
  font-size: 120%;
  margin: 5px 0;
}
#footer {
  background-color: #6a6a6a;
  padding-bottom: 1px;
  overflow: hidden;
}
#footer p.contact {
  background-color: #3b3b3b;
  text-align: center;
  width: 100%;
  color: white;
  font-size: 17px;
  font-weight: bold;
  padding: 3px 0;
  margin: 0;
}
#footer div.box {
  width: 33%;
  margin: 15px 0;
  float: left;
  text-align: center;
  line-height: 170px;
}
#footer div.box img {
  vertical-align: middle;
}
#footer div#contact {
  background-color: #ebebeb;
  background-image: url(/static/img/phone.png);
  background-position: 10px 10px;
  background-repeat: no-repeat;
  overflow: hidden;
  font-size: 90%;
  text-align: left;
}
#footer div#contact p,
#footer div#contact table {
  margin: 5px 0 5px 90px;
  line-height: 1.6;
  padding: 0;
}
#footer div#contact table {
  border-collapse: collapse;
}
#footer div#contact td,
#footer div#contact tr {
  margin: 0;
  padding: 0 10px 2px 0;
}