body {
	  background-color: #ffffff;
	  font-family: Verdana, Helvetica, Arial, sans-serif;
	  font-size: 12px; 
}

#titre {
width: 802px;
height: 118px;
	  background-image: url(images/banniere.jpg);
	  background-repeat: no-repeat;
	  color: #970f01;
	  margin-left: auto;
	  margin-right: auto;
	}

#titre-page {
	  font-size: 18px;
	  color: #970f01;
	  text-align: right;
	  border-bottom: 1px #a8a8a8 dashed;
	  padding: 8px; 
}

#page {
	  position: relative;
	  margin-left: auto;
	  margin-right: auto;
	  margin-top: 10px; 
}

#menu {
	  float: left;
	  width: 150px; 
}

#menu li {
	  list-style-type: none;
	  font-size: 11px;
	  font-weight: bold;
	  color: #f87e0a;
	  white-space: nowrap;
	  text-align: right;
	  margin-right: 8px;
	  margin-bottom: 8px; 
}

#corps {
	  margin-left: 150px;
	  border-left: 1px #999 dashed;
	  padding: 10px; 
}

#corps li {
	  list-style-type: disc;
	  font-weight: normal;
	  font-style: normal;
	  font-size: 10px; 
}

#corps a:link {
	  color: #008040;
	  text-decoration: none; 
}

#corps a:visited {
	  color: #008040;
	  text-decoration: none; 
}

#corps a:hover {
	  color: #970f01;
	  text-decoration: underline; 
}

#corps a:active {
	  color: #970f01;
	  text-decoration: underline; 
}

/* Presentation des menus */

.cat {
	  font-size: 12px;
	  color: #77774f;
	  padding-right: 1em;
	  font-weight: bold;
	  text-align: right;
	  border-top: 1px #9bb437 dotted; 
}

.cat-cave {
	  font-size: 13px;
	  color: #77774f;
	  padding-right: 1em;
	  font-weight: bold;
	  text-align: right;
	  border-top: 1px #9bb437 dotted;
	  border-bottom: 1px #9bb437 dotted;
	  margin-top: 1em;
	  margin-bottom: 0.5em; 
}

.plat {
	  font-family: cursive;
	  text-align: left;
	  font-size: 14px; 
}

.vin {
	  font-family: cursive;
	  text-align: left;
	  font-size: 14px; 
}

.prix {
	  font-family: cursive;
	  text-align: right; 
}

.prix-cave {
	  font-family: cursive;
	  text-align: right; 
}

.prix-cave table {
	  font-family: cursive;
	  text-align: right;
	  float: right;
	  width: 160px;
	  /*	border-top: 1px #cccccc solid;
	  */
	border-bottom: 1px #cccccc solid; 
}

.commentaire {
	  font-family: Verdana, Helvetica, Arial, sans-serif;
	  font-size: 10px;
	  padding-left: 3em;
	  margin-top: 0px;
	  font-weight: normal;
	  text-align: left; 
}

/* Styles pour les formulaires (gite) */

fieldset {
	  width: 500px;;
	  margin-left: auto;
	  margin-right: auto;
	  margin-top: 1em;
	  text-align: center;
	  white-space: nowrap; 
}

legend:lang(en) { 
}

/* Styles pour le footer */

#footer {
	  clear: both;
	  text-align: center;
	  color: #656565;
	  padding: 10px;
	  border-top: 1px gray dashed;
	  font-size: 10px;
	  white-space: nowrap;
	  margin-right: auto;
	  margin-left: auto;
	  margin-top: 10px; 
}

#footer a:link, #footer a:visited {
	  color: #ffa10c; 
}

#footer a:hover, #footer a:active {
	  color: #970f01;
	  text-decoration: underline; 
}

#photo {
	  position: absolute;
	  top : 20px;
	  left : 20px;
	  font-size: .6em;
	  color: #000080;
	  text-align: center; 
}

.selection {
	  font-size: .8em; 
}

.cadre {
	  margin-left: auto;
	  margin-right: auto;
	  padding: 1em;
	  border: 1px #9bb437 solid; 
}

.adresse {
	  margin-left: auto;
	  margin-right: auto;
	  padding: 1em;
	  text-align: center;
	  font-size: .8em;
	  background-color: #ffffff;
	  width:40%;
	  white-space:nowrap; 
}

.pagination {
	  margin-left: auto;
	  margin-right: auto;
	  margin-bottom: 5px;
	  text-align: center;
	  font-size: .5em; 
}

dl {
	  padding: 0;
	  font-weight: bold;
	  margin-top: 1em;
	  margin-bottom: .5em;
	  margin-left: 1em; 
}

dt {
	  margin-top: 1em;
	  padding: 0;
	  font-weight: bold;
	  font-size: .8em; 
}

dd {
	  margin-left: 2em;
	  padding: 0;
	  font-weight: normal;
	  font-style: normal;
	  font-size: .7em; 
}

#texte dt {
	  margin-top: 1.5em;
	  padding: 0;
	  font-weight: bold;
	  font-size: 1em; 
}

#texte dd {
	  margin-left: 2em;
	  padding: 0;
	  font-weight: normal;
	  font-style: normal;
	  font-size: 1em; 
}

#texte table td {
	text-align: center;
	font-size: 12px; 
}

ul {
	  margin-left: 1em; 
}

li { 
}

h1 {
	  font-size: 1em;
	  color: #77774f;
	  border-bottom: 1px #999 dashed;
	  margin-bottom: 1em;
	  padding-bottom: 10px;
	  padding-top: 0;
	  padding-left: .1em;
	  padding-right: 0;
	  font-weight: bold;
	  text-align: left; 
}

h2 {
	  font-size: 1em;
	  color: #77774f;
	  border-top: 1px #999 dashed;
	  margin-top: 1em;
	  padding-top: 10px;
	  padding-left: .1em;
	  font-weight: bold;
	  text-align: left; 
}

hr {
	  margin-top: 1em;
	  margin-bottom: 1em;
	  border-top: 1px #797777 solid;
	  color: #797777; 
}

a:link {
	  color: #ffa10c;
	  text-decoration: none; 
}

a:visited {
	  color: #ffa10c;
	  text-decoration: none; 
}

a:hover {
	  color: #970f01; 
}

a:active {
	  color: #970f01; 
}

img {
	  border: none;
	  margin-left: auto;
	  margin-right: auto; 
}

.rouge {
	  color: #970f01; 
}

.vert {
	  color: #008040; 
}

/* Texte pour rreferencement */

#ref {
	  font-size: .2em;
	  display: none;
	  visibility: hidden; 
}

/* pour photomorpher*/

.photoArrow {
	  display: none;
	  width: 5em;
	  padding: 0em;
	  text-align: center;
	  color: white;
	  background-color: #5080B0;
	  cursor: pointer; 
}

.photoPrevActive {
	  display: none;
	  float: left; 
}

.photoNextActive {
	  display: none;
	  float: right; 
}

.photoListActive {
	  margin: 0;
	  padding: 0;
	  text-align: center;
	  list-style: none; 
}

.photoListActive li {
	  margin: 0;
	  padding: 0;
	  color: #567;
	  display: none; 
}

.photoListActive li.photoItemActive {
	  display: none; 
}

.photoListActive a {
	  color: #34C; 
}

/* It's a good idea to wrap your photos in an area the size of the largest photo */

.photoContainer {
	  z-index:0;
	  /*height: 600px;
	  */
	text-align: center; 
}

/* OK, the photo area itself. Nothing too special here, a border and some padding. */

.photoArea {
	  z-index:0;
	  position: relative;
	  visibility: hidden;
	  margin: 0 auto 0 auto; 
}

.photoAreaActive {
	  visibility: visible;
	  padding: 0px 
}

.photoAutoDisabled {
	  display: none; 
}

.photoAutoPlay, .photoAutoPause {
	  display: none 
}

.photoAutoPlay span, .photoAutoPause span {
	  display: none;
	  width: 5em;
	  /* IE/Mac fix */ 
}

.photoAutoPlay .photoAutoPlayLabel {
	  display: none; 
}

.photoAutoPause .photoAutoPauseLabel {
	  display: none; 
}

.photoLoadMessage {
	  display: none 
}