/*CSS DOCUMENT*/

body {
  background:white;
  font:normal 90%/1.5 Tempus Sans ITC, Georgia, Book Antiqua, Arial;
  padding:0;
  margin:0;
  background:url(../img/pattern-v2.gif) top left repeat;
}

* {
  outline:none;
}

#container {
  width:100%;
  padding:0;
  margin:0;
}

/***********************************
*          -Structure              *
***********************************/

#top_header {
  width:100%;
  padding:0;
  margin:0;
  background:#344534 url(../img/green-box.gif) top left repeat-x;
  border-bottom:1px solid #042f06;
  max-height:55px;
  overflow:hidden;
}

#header {
  width:100%;
  padding:0;
  margin:0;
}

#menu {
  width:100%;
  padding:0;
  margin:0;
}

#content {
  padding:0 0 10em 0;
  margin:0;
  width:100%;
  background:#d5b666 url(../img/yellow-box-card.gif) top left repeat-x;
  border-top:1px solid #d8a724;
  border-bottom:1px solid #d8a724;
}

#footer {
  padding:0;
  margin:0;
  width:100%;
  background:#344534 url(../img/green-box.gif) top left repeat-x;
  border-bottom:1px solid #042f06;
  border-top:1px solid #042f06;
}


/***********************************/


/***********************************
*          -top_header             *
***********************************/

#top_header h1 {
  width:970px;
  margin:0 auto;
  padding:0.2em;
  color:#ffedbb;
  position:relative;
}

#top_header h1 span {
  display:block;
  margin:0;
  padding:0;
  width:100%;
  height:89%;
  position:absolute;
  top:0px;
  left:0px;
  background:url(../img/saladelle-h1.gif) top left no-repeat;
  border-bottom:2px #344534 solid;
}

.shadows_bot {
  padding:0;
  margin:0;
  width:100%;
  overflow:hidden;
  background:url(../img/ombre-bot.png) 0 0 repeat-x;
  height:35px;
}


/***********************************/




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

#header .position {
  margin:0 auto;
  padding:0;
  width:970px;
  overflow:hidden;
}

#header .position p#ban {
  float:left;
  width:690px;
  padding:0;
  margin:0;
}

#header .position ul#carte_visite {
  float:right;
  width:240px;
  padding:1em;
  margin:0;
  list-style:none;
  background:#d5b666 url(../img/yellow-box-card.gif) top left repeat-x;
  border:1.5px solid #275328;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
}

#header .position ul#carte_visite li {
 margin-top:0.25em;
}

#header .position ul#carte_visite li#mapicon a, #header .position ul#carte_visite li#mapicon a:link, #header .position ul#carte_visite li#mapicon a:visited {
  color:black;
  text-decoration:none;
  background:red;
  display:block;
  width:8em;
  background:url(../img/globe-icon.gif) center right no-repeat;
}

#header .position ul#carte_visite li#mapicon a:focus, #header .position ul#carte_visite li#mapicon a:hover, #header .position ul#carte_visite li#mapicon a:active {
  background:url(../img/globe-icon-hover.gif) center right no-repeat;
  text-decoration:none;
  border:0;
}


#header .position ul#illustration {
  float:left;
  padding:0;
  margin:0;
  list-style:none;
  width:680px;
}

#header .position ul#illustration li {
  float:left;
  width:25%;
  padding:0;
  margin:0;
}

#header .position ul#illustration li img {
  border:1.5px solid #275328;
}

#header .position ul#illustration li.placement-third  {
  margin-top:2px;
}

#header .position ul#carte_visite li a {
  text-decoration:none;
  color:#333;
}
#header .position ul#carte_visite li a:hover {
  text-decoration:none;
  color:#333;
  border-bottom:1px dotted #333;
}

/***********************************/


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

#menu ul {
  width:970px;
  overflow:hidden;
  list-style:none;
  padding:0;
  margin:0 auto;
  position:relative;
  top:13px;
}

#menu ul li {
  float:left;
  width:10em;
  padding:0;
  margin:0 1px 0 0;
  text-align:center;

}

#menu ul li a {
  display:block;
  float:left;
  width:100%;
  height:100%;
  margin:0;
  color:#275328;
  text-decoration:none;
  background:#d5b666 url(../img/yellow-box-begin.gif) top left repeat-x;
  position:relative;
  padding:0.5em 0 5px 0;
  border-bottom:2px solid #275328;
}

#menu ul li a:hover {
  border-bottom:2px solid #275328;
  padding:0.5em 0 5px 0;
}

#menu ul li#active {
    background:#d5b666 url(../img/yellow-box-begin.gif) top left repeat-x;
    position:relative;
    padding:0.5em 0 7px 0;
    color:#275328;
    font-weight:bold;

}

#menu ul li a span, ul li#active span {
  display:block;
  position:absolute;
  width:25px;
  height:100%;
  right:0px;
  top:0px;
  background:url(../img/yellow-box-end.gif) top right no-repeat;
}


/***********************************/


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

#content .position {
  width:970px;
  margin:0 auto;
  padding:0;
}

#content .position h2 {
  padding:1.2em 0;
  margin:0;
}

#content .position p {
  padding:1em 0 0 0;
  margin:0;
  font-size:1.2em;
}

#content .position p.nomargin {
  padding:0;
}

.shadows_top {
  width:100%;
  height:12px;
  background:url(../img/ombre-top.png) bottom left repeat-x;
  overflow:hidden;
  padding:0;
  margin:0;
}

/****-Carte****/

#content .position #list-viande {
  float:left;
  width:49.5%;
}

#content .position #list-reste {
  float:right;
  width:49.5%;
}

#content .position ul#infocuisson {
  list-style:none;
  width:100%;
  padding:0;
  margin:0 0 2em 0;
  text-align:center;
}

#content .position ul#viande {
  list-style:none;
  width:100%;
  margin:0;
  padding:0;
  float:left;
}

#content .position ul#viande li, .position ul#reste li {
  float:left;
  width:49%;
}


#content .position ul#viande li.info, .position ul#reste li.info {
  float:left;
  width:60%;
  border-bottom:1px dashed #000;
  margin:0 0 1em 0;
  font-weight:normal;
  font-style:italic;
  font-size:0.85em;
}

#content .position ul#reste {
  width:100%;
  list-style:none;
  margin:0;
  padding:0;
}

#content .position ul#reste li ul {
  list-style:none;
  margin:0;
  padding:0;
}

#content .position ul li {
  font-weight:bold;
}

#content .position ul#viande li ul {
  overflow:hidden;
  padding:0;
  list-style:none;
  margin:0;
}

#content .position ul#viande li#boeufspecial {
  width:100%;
}

#content .position ul#viande li ul li.boeuf-gr {
  padding:0 0 0 4.5%;
  width:45%;
}

#content .position ul#viande li ul li, #content .position ul li.prix {
  font-weight:normal;
}

#content .position ul li#firstli {
  width:100%;
}

#content .position ul li#croquette {
  width:100%;
}

#content .position ul#reste li#croquettespecial {
  width:90%;
  padding:0 0 0 4.5%;
}

#content .position p#bottominfo {
  clear:both;
  padding:2em 0 0 0;
  margin:0;
  font-style:italic;
  list-style:none;
}

/****/

/****-Carte****/

#content .position p#descriptif {
  float:left;
  width:30%;
}

#content .position p#descriptif img {
  border:1px solid black;
}


/****/
/****-Contact****/

#content .position #contactform {
  width:30em;
  margin:0;
 float:left;
}

#content .position #plan {
  width:31.5em;
  margin:20px 0 0 0;
  padding:0;
  float:right;
}

#content .position #plan p {
  margin:0;
  padding:0;
}

#content .position #plan img {
  border:1px solid black;
}

#content .position p#clear {
  clear:both;
  display:block;
  text-align:right;
  margin:0;
  padding:0;
}

#content .position p.areainput {
  float:right;
  width:50%;
}

#content .position a {
  text-decoration:none;
  color:#344534;
}


#content .position a:hover {
  text-decoration:underline;
  color:#344534;
}

#content .position #contactform input, textarea {
  border:1px solid black;
  -moz-border-radius:5px;
  -web-border-radius:5px;
  border-radius:5px;
}

#content .position p#subinput {
  float:right;
  padding:0 2.2em 0 0;
}

/****/

/***********************************/


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

#footer .position {
  width:970px;
  margin:0 auto;
  padding:0.5em 0;
  text-align:right;
}

#footer .position p {
  padding:0.1em 0;
  margin:0;
  font-size:0.8em;
}

#footer a {
  text-decoration:none;
  color:black;
}

#footer a:hover  {
  text-decoration:none;
  color:white;
}

/***********************************/