@charset "utf-8";
@import "photo.css";
@import "home-slider.css";

/* global layout ------------------------------------------------------------ */

body {
  background: url(/images/themes/default/bg.jpg) repeat-x;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
}

#global_container {
  background: url(/images/themes/default/bg_main.jpg);
  position: relative;
  width: 916px;
  height: 768px;
  margin: 0 auto;
  padding: 0;
}

/* header ------------------------------------------------------------------- */

#header {
  background: url(/images/themes/default/bg_header.jpg);
  float: left;
  width: 916px;
  height: 114px;
  margin: 0;
  padding: 0;
}
/* TODO:  #header h1 n'est centré que si les menus de chaque côté sont remplis */
#header h1 {
  width: 208px;
  height: 114px;
  background: url(/images/themes/default/logo.jpg);
  float: left;
  margin: 0;
  padding: 0;
  text-indent: -5000px;
}

/* header menu -------------------------------------------------------------- */

#header ul.menu {
  float: left;
  width: 327px;
  height: 104px;
  margin: 0;
  padding: 10px 0 0 19px;
}
#header ul.menu li {
  background: url(/images/themes/default/bg_li_a.jpg) right no-repeat;
  height: 114px;
  float: left;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#header ul.menu li.menu-last {
  background-image: none;
}
#header ul.menu a {
  float: left;
  margin: 50px 0 0 8px;
  padding: 0 8px 0 0;
  text-decoration: none;
  color: #8f8235;
  font-size: 12px;
}
#header ul.menu a:hover {
  display: block;
  background: url(/images/themes/default/bg_hover_li_a.jpg) repeat-x;
  color: #fff;
  font-size: 12px;
  margin: 0 6px 0 8px;
  padding: 50px 2px 0 0;
}

/* main content ------------------------------------------------------------- */

#main_container {
  background: url(/images/themes/default/bg_main.jpg);
  float: left;
  width: 916px;
  height: 626px;
  margin: 0 auto;
  padding: 0;
}
#main{
  background: #ededed;
  width: 862px;
  height: 586px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  margin: 30px auto;
  padding: 0;
}

/* page unique et double ---------------------------------------------------- */

#fullpage {
  background: #ededed;
  height: 512px;
  width: 822px;
  margin: 32px 0 0 17px;
  font-size: 11px;
  padding:20px 0 0 20px;
}
#main h1 {
  font-size: 110%;
  margin: 0 0 20px 0;
}
#main h2 {
  margin: 2px 0;
  padding: 0;
  color: #a38b06;
  font-size: 18px;
  border-bottom: 1px solid #99840f;
  font-weight: bold;
  height: 20px;
  width: 400px;
}
#fullpage h2 {
  width: 800px;
}
#main a {
  color: #504040;
}
#main a:hover {
  color: #705555;
}
#main p {
  color: #424242;
  text-align: justify;
  margin: 0;
}
#main li {
  list-style-image: url(/images/themes/default/bullet.png);
}
#main h2 {
  background: url(/images/themes/default/h2-bullet.png) right bottom no-repeat;
  margin-bottom: 10px;
}
#main h3 {
  font-size: 15px;
  color: #303030;
  margin-top: 18px;
}
#main hr {
  color: #b0b0b0;
  height: 1px;
  border: 0;
  background-color: #b0b0b0;
}


div.left-page {
  background: url(/images/themes/default/page-left-bg.jpg) right repeat-y;
  height: 546px;
  width: 396px;
  float: left;
  margin: auto;
  padding: 40px 15px 0 20px;
}

div.right-page {
  background: url(/images/themes/default/page-right-bg.jpg) left repeat-y;
  float:left;
  height:546px;
  margin:0;
  width:401px;
  padding: 40px 10px 0 20px;
}
div.right-page ul{
  margin: 20px 0;
}
div.right-page ul li {
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 15px;
}
li.phone {
  background: url(/images/themes/default/bullet-phone.png) no-repeat bottom left;
}
li.mail {
  background: url(/images/themes/default/bullet-mail.png) no-repeat left bottom;
}
li.mail, li.phone {
  padding-left: 28px;
  display: block;
  height: 14px;
}
div.right-page ul li span{
	font-weight: bold;
}
div.right-page h2 {
  margin: 5px 0 15px 0;

}
div.right-page div {
  background: url(/images/themes/default/bg_footer_p.jpg) no-repeat bottom;
  display: block;
  float: left;
  height: 410px;
  width: 400px;
  margin-top:5px;
  padding: 10px 0 40px 0;
  overflow:auto;
}
div.right-page div strong {
  font-size: 120%;
  display: block;
  margin-bottom: 20px;
}

#main div.fixed-container {
  overflow: auto;
  height: 500px;
  margin: 0;
  padding: 0;
}
#main div.big-fixed-container {
  overflow: auto;
  height: 550px;
  margin: -10px 0 0 0 !important;
  padding: 0 !important;

}
#main div.fixed-container div.txt-content{
  padding-right: 22px;
  line-height: 18px;
}

/** box shadow **/

div.box-shadow {
  margin-top: 30px;
  padding-bottom: 30px;
  background: url(/images/themes/default/bg-box-shadow.png) no-repeat bottom left;
  overflow: hidden;
}
div.box-shadow div.left-content {
  float: left;
  width: 150px;
  margin: 0;
  padding: 0 0 0 10px;
}
div.box-shadow div.left-content h4 {
  font-size: 15px;
  color: #240201;
  margin: 0 0 5px 0;
}
div.box-shadow div.left-content span {
  font-size: 13px;
  color: #303030;
  font-style: italic;
}
div.box-shadow div.left-content a {
  color: #504040;
  font-size: 15px;
  text-decoration: none;
  font-weight: bold;
  clear: both;
}
div.box-shadow div.right-content {
  float: left;
  width: 550px;
  padding-left: 20px;
  padding-right: 10px;
}
div.box-shadow div.right-content a {
  text-decoration: none;
  text-align: justify;
  display: block;
  line-height: 16px;
}
div.box-shadow div.right-content a:hover {
  text-decoration: underline;
}


/* footer ------------------------------------------------------------------- */

#footer {
  background: url(/images/themes/default/bg_footer.png) repeat-x;
  width: 916px;
  height: 32px;
  margin: 0 auto;
  padding: 0;
  float: left;
  border-radius: 0 0 8px 8px ;
  -moz-border-radius: 0 0 8px 8px;
  -webkit-border-radius: 0 0 8px 8px;
}
#footer .menu {
  background: url(/images/themes/default/bg_footer_il.jpg) no-repeat right;
  text-align: right;
  height: 22px;
  margin: 0 30px 0 0;
  padding: 5px 30px 0 0;
  display: block;
}
#footer .menu li {
  display: inline;
  list-style: none;
}
#footer .menu a {
  color: #523938;
  font-size: 10px;
  text-decoration: none;
}
#footer .menu a:hover{
  color: #FFFFFF;
}

/* forms ------------------------------------------------------------------- -*/

form tr {
  vertical-align: top;
}
form td {
  padding-top: 2px;
}
form td label {
  height:20px;
  line-height:20px;
  margin-right:5px;
  margin-top:2px;
  color: #2e2e2e;
}
form span.required {
  color: red;
  font-weight:bold;
}
form table {
  margin-top:10px;
}
div.submit input {
  margin-top:12px;
  margin-left:3px;
}
form input[type=text],
form select,
form td textarea {
  border: thin solid;
  border-color:#BAAFA1 #f0f0f0 #f0f0f0 #BAAFA1;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-background-clip: border;
  -moz-background-inline-policy: continuous;
  height:18px;
  padding-left:5px;
  padding-top:2px;
  margin-bottom:4px;
}
form input[type=text]
form td textarea {
    width: 350px;
}
form td textarea {
  height: 120px;
}
form td select {
  height: 22px;
  padding: 0;
}

form .submit {
  background: url(/images/themes/default/btn-submit-left.png) left bottom no-repeat;
  padding-left: 6px;
}
form .submit input {
  background: url(/images/themes/default/btn-submit-right.png) right no-repeat;
  color: #CCCCCC;
  border: none;
  cursor: pointer;
  height: 29px;
  padding: 0 10px 4px 0;
  margin: 0;
  overflow:visible;
  width:auto;
}

/*******/

body.home-index div#main {
  padding: 0;
  margin: 0;
}

body.contact-index iframe {
  width: 400px;
  height: 500px;
}

/* set menus */

body.set_menus-show .price {
  float: right;
  margin-left: 15px;
}
body.set_menus-show span.dish {
  font-size: 12px;
  padding: 2px 0;
  margin-bottom: 2px;
  display: block;
  border-bottom: 1px dotted #b0b0b0;
}
.set_menu_category {
  padding-bottom: 15px;
}
body.set_menus-show p.category_label {
  color: #303030;
  font-weight: bold;
  font-size: 12px;
  padding: 2px;
}

#main .dish a.dish-trigger {
  text-decoration: none;
  color: #770100;
}
.dish-box {
  width: 370px;
  margin: 5px 0;
  border: 1px solid gray;
  border-radius: 5px;
  -moz-border-radius: 5px;
  font-size: 10px;
  color: #333;
  display: block;
  padding: 8px 12px;

}


/* articles */


#fullpage div.article-content {
  overflow: hidden;
  margin: 10px 0;
  line-height: 18px;
}
/* hack: truncate article content */
body.articles-index div.article-content {
  max-height: 250px
}
#fullpage div.pagination {
  text-align: right;
  padding-bottom: 8px;
  padding-right: 15px;
  color: #808080;
  margin-top: 20px;
}
#fullpage .article-details, #fullpage .article-details-separate {
  padding-top: -8px;
  font-size: 0.9em;
  color: #808080;
}
#fullpage .article-details-separate{
  border-top: 1px solid silver;
  padding-top: 10px;
}
#fullpage p.article-info {
  line-height: 16px;
  padding-top: 16px;
  padding-bottom: 1em;
  color: #707070;
  border-top: 1px solid silver;
  width: 790px;
}
#fullpage div.article-comment, #main div.article {
  border: 1px solid #b59998;
  padding: 15px 35px 15px 35px;
  padding-bottom: 15px;
  background: url(/images/themes/default/articles/bg-article.jpg) repeat-x top #fff;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  width: 725px;
}

#main div.article-separator{
  background: url(/images/themes/default/articles/bg-article-separator.png) no-repeat top center;
  width: 767px;
  height: 10px;
  margin: 0 0 20px 0;
  padding: 0;
}
#main div.article h3 a{
  font-size: 15px;
  text-decoration: none;
}
#main div.article h3 a:hover{
  text-decoration: underline;
}
#main div.article div.article-content p {
  line-height: 18px;
  margin-bottom: 20px;
}

/* en tête commentaire et formulaire */
#fullpage p.article-comment-details,
#fullpage p.article-comment-add {
  border-bottom: 1px solid silver;
  color: #707070;
  margin-bottom: 5px;
  height: 20px;
  line-height: 20px;
  padding-left: 18px;
}
#fullpage p.article-comment-details {
  background: url("/images/themes/default/articles/comments.png") no-repeat center left;
}
#fullpage p.article-comment-add {
  background: url("/images/themes/default/articles/comment-add.png") no-repeat center left;
}

/* liens avec icones */
#fullpage span.article-read, #fullpage span.article-back,
#fullpage span.article-comment, #fullpage span.article-comment-add {
  padding-right: 16px;
  margin: 0 8px;
  height: 16px;
  line-height: 16px;
}
#fullpage span.article-read {
  background: url("/images/themes/default/articles/article-read.png") bottom right no-repeat;
}
#fullpage span.article-back {
background: url("/images/themes/default/articles/article-back.png") bottom right no-repeat;
}
#fullpage span.article-comment {
  background: url("/images/themes/default/articles/comments.png") bottom right no-repeat;
}
#fullpage span.article-comment-add {
  background: url("/images/themes/default/articles/comment-add.png") bottom right no-repeat;
}

form#new_article_comment input#article_comment_submit{
  margin-top: 20px;
  background: url("/images/themes/default/articles/bg-submit-comment.png") repeat-x;
  color: #CCCCCC;
  border: 1px solid #8a770a;
  cursor: pointer;
  height: 29px;
  padding: 0 6px 4px 6px;
  overflow:visible;
  width:auto;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

/* newsletter subscription -------------------------------------------------- */

#newsletter{
  position: absolute;
  width: 199px;
  right: 30px;
  top: 114px;
}
#newsletter a#newsletter-btn{
  height: 38px;
  width: 199px;
  background:url(/images/themes/default/newsletter/bg-newsletter-btn.png) no-repeat;
  display: block;
  color: #898989;
  font-size: 10px;
  text-decoration: none;
  height: 38px;
  line-height: 30px;
  padding-left: 55px;
}
#newsletter a#newsletter-btn:hover{
  text-decoration: underline;
}
#newsletter #newsletter-subscrib .top,
#newsletter #newsletter-subscrib .bottom {
  width: 199px;
  height: 11px;
  display: block;
  margin: 0;
}
#newsletter #newsletter-subscrib .top {
  background: url(/images/themes/default/newsletter/bg-newsletter-top.png) no-repeat left;
}
#newsletter #newsletter-subscrib .bottom {
  background: url(/images/themes/default/newsletter/bg-newsletter-bottom.png) no-repeat left;
}
#newsletter #newsletter-subscrib .content {
  min-height: 83px;
  background: url(/images/themes/default/newsletter/bg-newsletter-middle.png) repeat-y left;
  margin: 0;
  color: #e0e0e0;
  font-size: 10px;
  padding-left: 18px;
}
#newsletter #newsletter-subscrib .content form input[type=text]{
  border: none;
  height: 21px;
  width: 155px;
  background: url(/images/themes/default/newsletter/newsletter-input-txt-bg.jpg) repeat-x;
  padding-top: 5px;
  padding-left: 5px;
  margin-bottom: 5px;
  margin-top: 20px;
}
#newsletter #newsletter-subscrib .content form input[type=submit]{
  background: none;
  border: none;
  color: #817632;
  cursor: pointer;
  text-decoration:underline;
  margin: 0;
  padding: 0;
}




/* message boxes ------------------------------------------------------------ */

div.notice.empty,
div.warning.empty,
div.error.empty,
div.info.empty {
  display: none !important;
}

div.notice,
div.warning,
div.error,
div.info {
  margin: 0 5px 10px 5px;
  border: 1px solid;
  border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 10px 10px 10px 30px;
}

div.notice {
  border-color: #4F8A10;
  color: #4F8A10;
  background: #DFF2BF url('/images/icons/accept.png') no-repeat 10px center;
}
div.warning {
  border-color: #9F6000;
  color: #9F6000;
  background: #FEEFB3 url('/images/icons/error.png') no-repeat 10px center;
}
div.error {
  border-color: #D8000C;
  color: #D8000C;
  background: #FFBABA url('/images/icons/exclamation.png') no-repeat 10px center;
}
div.info {
  border-color: #00529B;
  color: #00529B;
  background: #BDE5F8 url('/images/icons/information.png') no-repeat 10px center;
}

.model-errors {
  color: #333;
  margin: 0 5px 10px 5px;
  border: 1px solid silver;
  border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 3px;
  background: url(/images/themes/default/articles/bg-article.jpg) repeat-x top #fff;
}