/* =General
-------------------------------------------------------- */
body {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 14px;
  background: url('../img/bg-body.jpg') repeat-x;
  background-color: #190000;
  padding-bottom: 50px;
}
.clear {
  clear: both;
}
/* =Header
-------------------------------------------------------- */
#header {
  width: 1000px;
  height: 290px;
  padding-top: 10px;
  margin: auto;
  margin-bottom: 8px;
}
#header #logo {
  display: block;
  width: 672px;
  height: 181px;
  background: url('../img/logo.jpg') no-repeat;
  margin: 0 0 10px 0;
}
#header #menu {
  width: 100%;
  border-top: 1px solid #FFF1BA;
  padding-top: 20px;
}
#header #menu ul {
  list-style-type: none;
  margin: auto;
  width: 630px;
}
#header #menu ul li {
  float: left;
  margin-right: 50px;
  display: inline;
}
#header #menu ul li a {
  height: 40px;
  font-size: 16px;
  color: #8C8080;
  text-decoration: none;
  text-align: center;
}
#header #menu ul li a span {
  margin: auto;
}
#header #menu ul li #menu-accueil span {
  display: block;
  background: url('../img/logo-menu.jpg') no-repeat;
  background-position: 0px -41px;
  width: 37px;
  height: 40px;
}
#header #menu ul li #menu-accueil:hover span,
#header #menu ul li #menu-accueil span.activ {
  display: block;
  background: url('../img/logo-menu.jpg') no-repeat;
  background-position: 0px 0px;
  width: 37px;
  height: 40px;
}
#header #menu ul li #menu-le-restaurant span {
  display: block;
  background: url('../img/logo-menu.jpg') no-repeat;
  background-position: -37px -41px;
  width: 23px;
  height: 40px;
}
#header #menu ul li #menu-le-restaurant:hover span,
#header #menu ul li #menu-le-restaurant span.activ {
  display: block;
  background: url('../img/logo-menu.jpg') no-repeat;
  background-position: -37px 0px;
  width: 23px;
  height: 40px;
}
#header #menu ul li #menu-histoire span {
  display: block;
  background: url('../img/logo-menu.jpg') no-repeat;
  background-position: -60px -41px;
  width: 34px;
  height: 40px;
}
#header #menu ul li #menu-histoire:hover span,
#header #menu ul li #menu-histoire span.activ {
  display: block;
  background: url('../img/logo-menu.jpg') no-repeat;
  background-position: -60px 0px;
  width: 34px;
  height: 40px;
}
#header #menu ul li #menu-la-carte span {
  display: block;
  background: url('../img/logo-menu.jpg') no-repeat;
  background-position: -94px -41px;
  width: 39px;
  height: 40px;
}
#header #menu ul li #menu-la-carte:hover span,
#header #menu ul li #menu-la-carte span.activ {
  display: block;
  background: url('../img/logo-menu.jpg') no-repeat;
  background-position: -94px 0px;
  width: 39px;
  height: 40px;
}
#header #menu ul li #menu-trouvez-nous span {
  display: block;
  background: url('../img/logo-menu.jpg') no-repeat;
  background-position: -133px -41px;
  width: 38px;
  height: 40px;
}
#header #menu ul li #menu-trouvez-nous:hover span,
#header #menu ul li #menu-trouvez-nous span.activ {
  display: block;
  background: url('../img/logo-menu.jpg') no-repeat;
  background-position: -133px 0px;
  width: 38px;
  height: 40px;
}
#header #menu ul li a:hover,
#header #menu ul li a.activ {
  color: #FFF1BA;
}
#header #menu ul li#last-menu-item {
  margin: 0;
}
/* =Content
-------------------------------------------------------- */
#content-wrapper {
  position: relative;
  z-index: 10;
  background-color: #FFF1BA;
  color: #190000;
  padding-top: 22px;
}
#content-wrapper #content {
  width: 1000px;
  margin: auto;
  /* =La Carte
		------------------------------ */
  /* =Login
			------------------------------ */
  /* =Coulisses
			------------------------------ */
}
#content-wrapper #content h1 {
  font-size: 48px;
  color: #533C2F;
  margin: 0;
}
#content-wrapper #content h2 {
  font-size: 16px;
  color: #190000;
}
#content-wrapper #content h3 {
  font-size: 14px;
  color: #190000;
}
#content-wrapper #content p,
#content-wrapper #content ul {
  padding-right: 45px;
  font-size: 12px;
}
#content-wrapper #content table {
  width: 100%;
  border-collapse: collapse;
}
#content-wrapper #content td {
  padding: 4px 0 4px 0;
  vertical-align: center;
  border-bottom: 1px solid #190000;
}
#content-wrapper #content th,
#content-wrapper #content td {
  font-size: 12px;
}
#content-wrapper #content td:not(:first-child) {
  text-align: center;
}
#content-wrapper #content .content-left {
  width: 530px;
  float: left;
  padding-right: 20px;
}
#content-wrapper #content .content-left img {
  width: 360px;
  display: block;
  margin: 18px 40px 40px auto;
  border: 5px solid white;
}
#content-wrapper #content .content-right {
  width: 450px;
  float: right;
  /* =Accueil
			------------------------------ */
  /* =Le Restaurant
			------------------------------ */
}
#content-wrapper #content .content-right #infos-resa {
  width: 259px;
  height: 124px;
  background: url('../img/cadre-infos.jpg') no-repeat;
  margin: auto;
  margin-top: 35px;
}
#content-wrapper #content .content-right #infos-resa p {
  color: #FFF;
  text-align: center;
  padding: 0;
  padding-top: 37px;
}
#content-wrapper #content .content-right #infos-resa p strong {
  display: block;
  font-size: 24px;
  font-weight: normal;
  float: none;
}
#content-wrapper #content .content-right ul#gallery {
  list-style-type: none;
  margin: 0;
  padding-right: 0;
}
#content-wrapper #content .content-right ul#gallery li {
  float: left;
  border: 2px solid #190000;
  margin: 10px 10px 0 0;
  width: 201px;
  height: 130px;
  cursor: pointer;
}
#content-wrapper #content div.marge {
  margin-bottom: 70px;
}
#content-wrapper #content em {
  font-weight: bold;
  display: block;
}
#content-wrapper #content strong {
  float: right;
}
#content-wrapper #content hr {
  height: 1px;
  background-color: #190000;
  border: none;
}
#content-wrapper #content .bad-credentials {
  color: red;
}
#content-wrapper #content .update-ok {
  color: green;
}
/* =Footer
-------------------------------------------------------- */
#footer-wrapper {
  position: relative;
  z-index: 20;
  background: url('../img/bg-footer.png') 0 0 repeat-x;
  top: -30px;
  padding-top: 25px;
}
#footer-wrapper #footer-background {
  height: 5px;
  background-color: #190000;
}
#footer-wrapper #navigation-chip {
  visibility: hidden;
  width: 115px;
  margin: auto;
}
#footer-wrapper #navigation-chip a {
  display: block;
  width: 11px;
  height: 10px;
  float: left;
  margin-right: 20px;
  background: url('../img/puce.jpg') no-repeat;
}
#footer-wrapper #navigation-chip a:hover,
#footer-wrapper #navigation-chip a.activ {
  background: url('../img/puce-activ.jpg') no-repeat;
}
#footer-wrapper #navigation-chip a.last-chip {
  margin: 0;
}
#footer-wrapper #footer {
  width: 962px;
  height: 400px;
  margin: auto;
  margin-top: 40px;
  padding-top: 10px;
  background: url('../img/cadre-footer.jpg') no-repeat;
}
#footer-wrapper #footer #footer-left {
  width: 440px;
  float: left;
  text-align: right;
  padding: 20px 40px 0 0;
}
#footer-wrapper #footer #footer-left h2 {
  color: #C1AF83;
  font-size: 36px;
  margin: 0 0 60px 0;
}
#footer-wrapper #footer #footer-left p {
  color: #FFF1BA;
  font-size: 16px;
}
#footer-wrapper #footer #footer-right {
  float: left;
  border-left: 1px solid #FFF1BA;
  padding-left: 50px;
}
#footer-wrapper #footer #copyright p {
  text-align: right;
  color: #C1AF83;
  font-size: 12px;
  padding: 15px 10px 0 0;
}
#footer-wrapper #footer #copyright p a {
  text-decoration: none;
  color: #FFF1BA;
}