body {
  margin: 0;
  padding-bottom: 70px;
  color: #fff;
  font-family: sans-serif;
  background: -webkit-radial-gradient(top center, circle cover, #a2a7ad, #383a40) no-repeat #575f66;
  background: -moz-radial-gradient(top center, circle cover, #a2a7ad, #383a40) no-repeat #575f66;
  background: radial-gradient(farthest-side at center top, #a2a7ad, #383a40) no-repeat #575f66; }


* {
  box-sizing: border-box; }

textarea {
	font-family: sans-serif;
}

h2 {
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
  padding-bottom: 9px; }


p {
  font-size: 12px;
  text-align: justify; }


a {
  text-decoration: none;
  color: inherit; }

.flatbutton {
	border:none;
	padding: 5px 8px 5px 8px;
	background-color:white;
	color: #575f66;
	font-weight:bold;
	cursor: pointer;
}

.container {
  width: 895px;
  margin: 0 auto; }


.row {
  margin-top: 22px; }

  .row .row-item {
    display: inline-block;
    width: 288px;
    vertical-align: top; }

    .row .row-item:not(:first-child):not(.article) {
      margin-left: 11px; }


.header {
  position: relative;
  top: 0px;
  left: 0px;
  height: 213px;
  overflow: hidden; }

  .header .logo {
	background-color: rgb(63, 63, 63);
    background-color: rgba(63, 63, 63, 0.5);
	padding:5px;

    position: absolute;
    left: 0;
    right: 0;
    margin: 45px auto; }

  .header .banner {
    position: absolute;
    overflow: auto; }

    .header .banner ul {
      padding: 0; }

    .header .banner li {
      list-style: none; }

    .header .banner ul li {
      float: left; }


.article {
  width: 591px !important;
  height: 288px;
  background-color: #cf1f46;
  -webkit-box-shadow: 5px 5px 20px 0px rgba(26, 26, 26, 0.5);
  -moz-box-shadow: 5px 5px 20px 0px rgba(26, 26, 26, 0.5);
  box-shadow: 5px 5px 20px 0px rgba(26, 26, 26, 0.5); }

  .article img {
    width: 288px;
    height: 288px;
    -webkit-box-shadow: 5px 5px 20px 0px rgba(26, 26, 26, 0.5);
    -moz-box-shadow: 5px 5px 20px 0px rgba(26, 26, 26, 0.5);
    box-shadow: 5px 5px 20px 0px rgba(26, 26, 26, 0.5); }

  .article .article-text {
    width: 288px;
    height: 100%;
    display: inline-block;
    padding: 10px 10px 10px 30px;
    vertical-align: top; }

    .article .article-text p {
      height: 210px;
      padding-right: 5px;
      overflow-y: scroll; }

  .article h2 {
    border-bottom: 1px solid #cd858f; }


.menu-item {
  display: block;
  width: 100%;
  padding-left: 30px;
  padding-top: 3px;
  padding-bottom: 3px;
  color: #d9d9d9;
  text-transform: uppercase;
  font-size: 15px; }

  .menu-item:not(:first-child) {
    border-top: 1px solid #9da1a5; }

  .menu-item.active {
    color: #fff;
    background-color: #cf1f46; }

  .menu-item:hover {
    color: #fff; }

  .menu-item img {
    height: 18px;
    width: 18px;
    margin-right: 30px; }


.carte {
  background-color: #cf1f46;
  -webkit-box-shadow: 5px 5px 20px 0px rgba(26, 26, 26, 0.5);
  -moz-box-shadow: 5px 5px 20px 0px rgba(26, 26, 26, 0.5);
  box-shadow: 5px 5px 20px 0px rgba(26, 26, 26, 0.5); }


.carte-item {
  display: block;
  height: 80px;
  padding: 25px 60px 25px 45px;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  background: url("../images/icon-caret.png") no-repeat;
  background-position: 250px center; }

  .carte-item:not(:first-child) {
    border-top: 1px solid #c87984; }


.reservation {
  padding: 0 20px;
  background-color: #575f66;
  align-content: center;
  text-align: center;
  -webkit-box-shadow: 5px 5px 20px 0px rgba(26, 26, 26, 0.5);
  -moz-box-shadow: 5px 5px 20px 0px rgba(26, 26, 26, 0.5);
  box-shadow: 5px 5px 20px 0px rgba(26, 26, 26, 0.5); }

  .reservation table { width: 100%; }

  .reservation td {
    font-size: 12px;
    vertical-align: top;
    text-align: left; }

  .reservation td:first-child {
    width: 70px; }

  .reservation textarea {
    width: 100%;
    height: 50px; }

  .reservation input, .reservation select {
    width: 100%; }

  .reservation button {
    margin-top: 10px; }

  .reservation h2 {
    margin-top: 15px;
    border-bottom: 2px solid #777d83; }


#map-canvas {
  height: 288px;
  width: 288px;
  filter: grayscale(1);
  -webkit-filter: grayscale(1); }


.footer-item {
  height: 80px;
  font-size: 13px;
  padding: 13px 40px; }


.footer-adresse {
  text-transform: uppercase;
  background-color: #575f66;
  -webkit-box-shadow: 5px 5px 20px 0px rgba(26, 26, 26, 0.5);
  -moz-box-shadow: 5px 5px 20px 0px rgba(26, 26, 26, 0.5);
  box-shadow: 5px 5px 20px 0px rgba(26, 26, 26, 0.5); }


.footer-contact {
  text-align: center;
  background-color: #cf1f46;
  -webkit-box-shadow: 5px 5px 20px 0px rgba(26, 26, 26, 0.5);
  -moz-box-shadow: 5px 5px 20px 0px rgba(26, 26, 26, 0.5);
  box-shadow: 5px 5px 20px 0px rgba(26, 26, 26, 0.5); }


.footer-horaire {
  background-color: #575f66;
  text-align: right;
  -webkit-box-shadow: 5px 5px 20px 0px rgba(26, 26, 26, 0.5);
  -moz-box-shadow: 5px 5px 20px 0px rgba(26, 26, 26, 0.5);
  box-shadow: 5px 5px 20px 0px rgba(26, 26, 26, 0.5); }