html
{ margin: 0px;
  padding: 0px;
  text-align: center;
  height: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

body
{ padding: 0px;
  margin: 0px;
  height: 100px;
  background-image: url("images/body.png");
  background-repeat: repeat-x;
  background-position: 0px 47px;
}

div
{ margin: 0px;
  padding: 0px;
  text-align: left;
}

#page
{ position: relative;
  margin-top: 47px;
  margin-left: auto;
  margin-right: auto;
  width: 980px;
  height: 600px;
  background-image: url("images/page.jpg");
  background-repeat: no-repeat;
}

#left
{ float: left;
  width: 253px;
  margin: 0px 13px 0px 40px;
  _margin: 0px 13px 0px 20px;
  height: 582px;
  overflow: hidden;
}

#header
{ height: 253px;
  overflow: hidden;
}

#top_accueil
{ text-decoration: none;
  display: block;
  padding: 100px 0px 0px 69px;
  height: 20px;
  color: #61625b;
}

#icone_links
{ margin: 105px 0px 0px 27px;
  background-color: #000066;
}

#icone_links a
{ text-decoration: none;
  display: block;
  float: left;
  margin: 0px 6px 0px 0px;
}

#icone_links a img
{ border: none;
}

ul.menu
{ margin: 1px 0px 0px 0px;
  padding: 0px;
  list-style-type: none;
}

ul.menu li a
{ text-decoration: none;
  display: block;
  width: 253px;
  line-height: 20px;
  font-weight: bold;
  background-color: #61625b;
  color: #ffffff;
  text-align: center;
  margin-top: 2px;
}

ul.menu li a:hover
{ background-color: #9f9f96;
}

ul.sub_menu
{ margin: 0px;
  padding: 0px;
  list-style-type: none;
}

ul.sub_menu li a
{ text-decoration: none;
  display: block;
  width: 253px;
  line-height: 20px;
  font-weight: normal;
  background-color: #c8c8bd;
  color: #464742;
  text-align: center;
  margin-top: 2px;
}

ul.sub_menu li a:hover
{ background-color: #efefd7;
}

ul#menu_contact
{ margin: 1px 0px 0px 0px;
  padding: 0px;
  list-style-type: none;
}

ul#menu_contact li a
{ text-decoration: none;
  display: block;
  width: 244px;
  line-height: 20px;
  font-weight: bold;
  background-color: #c0c164;
  color: #61625b;
  text-align: left;
  margin-top: 2px;
  padding: 0px 0px 0px 9px;
}

ul#menu_contact li a:hover
{ background-color: #ffcc43;
}

#center
{ float: left;
  width: 435px;
  height: 582px;
}

#intitule
{ width: 369px;
  line-height: 20px;
  background-color: #61625b;
  color: #ffffff;
  font-weight: bold;
  padding: 0px 0px 0px 10px;
  margin: 0px 0px 10px 0px;
}

#content
{ margin: 0px 12px 0px 12px;
  color: #505050;
  height: 550px;
  overflow-y: scroll;
}

#content h1
{ color: #61625b;
  text-decoration: underline;
  font-size: 14px;
}

#content h2
{ color: #61625b;
  font-size: 12px;
}

#content h3
{ color: #5e5d5d;
  font-size: 12px;
}

#content p
{ text-align: justify;
}

#content ul
{ list-style-image: url("images/ul.png");
  margin: 10px 0px 7px 15px;
  padding: 0px 0px 0px 8px;
}

#content li
{ text-align: justify;
}

#content ol
{ margin: 10px 0px 7px 15px;
  padding: 0px 0px 0px 8px;
}

#right
{ float: left;
  width: 239px;
  height: 582px;
  overflow: hidden;
}

/* --------------------- photos */

#photos
{ position: relative;
  width: 199px;
  height: 400px;
  clip: rect(0px 199px 430px 0px);
  overflow: hidden;
  float: left;
}

#photo1, #photo2, #photo3
{ position: absolute;
  margin-top: 10px;
}

#photo1 { top: 0px; }
#photo2 { top: 200px; }
#photo3 { top: 400px; }

#footer
{ float: left;
  width: 980px;
  height: 18px;
  overflow: hidden;
  font-size: 11px;
}

#footer_adresse, #footer_mentions, #footer_terroir
{ height: 18px;
  line-height: 18px;
  float: left;
  text-align: center;
}

#footer_adresse
{ width: 542px;
  background-color: #c8c8bd;
  color: #464742;
}

#footer_mentions
{ width: 199px;
  background-color: #61625b;
  color: #ffffff;
}

#footer_mentions a
{ text-decoration: none;
  color: #ffffff;
}

#footer_mentions a:hover
{ text-decoration: underline;
}

#footer_terroir
{ width: 199px;
  background-color: #3396c4;
  color: #ffffff;
}

#footer_terroir a
{ text-decoration: none;
  color: #ffffff;
}

#footer_terroir a:hover
{ text-decoration: underline;
}

form.formulaire textarea
{ width: 300px;
}