@import "block/styles.css";

body
{
  background-color:#fef8ec;
  color:#617c58;
  font-family:Times New Roman,"Trebuchet MS",Arial,Verdana,Geneva,Helvetica,sans-serif;
  font-size:12pt;
}

a
{
  color:#617c58;
}

#page, #head, .menu, #nav, #body, #foot
{
  width:775px;
}

#page
{
  background-color:#ffffff;
  border-color:#d8c88c;
}

#head, #body
{
  border-color:#d8c88c;
}

#head
{
  height:150px;
}

.menu
{
  background-color:#f9eed1;
  border-top-color:#f9eed1;
  border-bottom-color:#d8c88c;
  font-family:"Trebuchet MS",Arial,Verdana,Geneva,Helvetica,sans-serif;
  font-size:10pt;
}

.menu .beg { border-right-color:#d8c88c; }
.menu .end { border-left-color:#f9eed1; }

.menu a
{
  border-left-color:#f9eed1;
  border-right-color:#d8c88c;
  color:#808080;
  padding:0px 20px;
}

.menu a:hover { background-color:#f9eed1; background-image:url(menubg-over.gif); }

.submenu table { background-color:#d8c88c; }
.submenu table td { background-color:#ecdfb6; border-color:#d8c88c; font-size:10pt; }
.submenu table td a { color:#808080; }
.submenu table td a:hover { background-color:#f9eed1; }

#nav
{
  background-color:#f9eed1;
  border-bottom-color:#d8c88c;
  color:#999f81;
  font-family:"Trebuchet MS",Arial,Verdana,Geneva,Helvetica,sans-serif;
  font-size:8pt;
}

#nav a { color:#617c58; }

#body
{
  background-image:url(bodybg.gif);
  background-repeat:no-repeat;
  background-position:center left;
  background-position:0px 0px;
  font-size:12pt;
}

#body #content { margin:0px 50px; }
#body p { margin:20px 0px; }

#foot { color:#a0a0a0; font-size:10pt; }

.wd { font-size:8pt; }
.wd a { color:#999f81; }

img.photo { border:1px solid #d8c88c; }

p.photo { color:#617c58; text-align:center; }
p.photo img { border:1px solid #d8c88c; margin:5px; }

p.bulles { clear:both; text-align:center; }
p.bulles img { margin-top:20px; }

h1
{
  color:#d8c88c;
  font-size:20pt;
  font-weight:normal;
  margin:20px 0px;
}

h2
{
  border-bottom:1px solid #617c58;
  color:#617c58;
  font-size:12pt;
  font-weight:normal;
  margin:20px 0px 10px 0px;
}

ul.index { margin:10px 30px; }
ul.index li { list-style-image:url(puce.gif); margin:5px 0px; }
ul.index li a { color:#617c58; font-weight:bold; }
ul.index li a:hover { color:#999f81; }

p.test { width:360px; height:120px; border:1px dotted #cccccc; }
p.text { font-size:12pt; line-height:160%; word-spacing:3px; }

ul.partenaires { margin:10px 30px; }
ul.partenaires li { list-style-image:url(puce.gif); }
ul.partenaires li a { color:#999f81; }

table.contact { background-image:url(contact_bg.jpg); border:0px solid #d8c88c; }
table.contact tr { vertical-align:middle; }
table.contact tr th { color:#617c58; font-size:12pt; font-weight:normal; padding:1px 3px; text-align:right; }
table.contact tr th .req { font-weight:bold; text-decoration:underline; }
table.contact tr td { font-size:12pt; padding:1px 3px; text-align:left; }
table.contact input.text, table.contact input.password, table.contact input.button,
table.contact textarea { border:1px solid #d8c88c; }
table.contact input.button { background-image:url(menubg.gif); color:#808080; }

.reservation { text-align:center; }
.reservation h2 { font-weight:bold; text-transform:uppercase; }
.reservation input.button {background-image:url(menubg.gif); color:#808080; border:1px solid #d8c88c;}

.inscription { width:320px; background-color:#fef8ec; border:1px solid #d8c88c; margin-bottom:20px; }
.inscription h2 { margin:5px 10px; text-align:center; color:#617c58; font-weight:bold; }
.inscription p { margin:5px 10px; text-align:center; }
.inscription table { width:296px; margin:5px 10px; }
.inscription table td { height:30px; }
.inscription input.button { background-image:url(menubg.gif); color:#808080; border:1px solid #d8c88c;}
.inscription input.text { border:1px solid #d8c88c; }

table.zone td p { margin:5px 10px; text-align:center; }
table.zone td table { width:270px; margin:5px 10px; }
table.zone td table td { height:30px; }
table.zone td input.button { background-image:url(menubg.gif); color:#808080; border:1px solid #d8c88c;}
table.zone td input.text { border:1px solid #d8c88c; }

.administrateur {width:320px; background-color:#fef8ec;  border:1px solid #d8c88c; vertical-align:middle;}

#topright { width:180px; float:right; margin-top:20px; text-align:center; }
#topright p { margin:5px 0px; }

img.icone { width:16px; height:16px; margin-right:5px; vertical-align:middle; }

h1 a.year { color:#d8c88c; }

table.month
{
  width:175px;
  float:left;
  border:1px solid #d8c88c;
  border-collapse:collapse;
  margin:5px;
  font:8pt Verdana, Arial, Ms Sans Serif;
}

table.month tr th,
table.month tr td
{
  height:18px;
  padding:0px;
  text-align:center;
  vertical-align:middle;
}

table.month tr.month th
{
  background-color:#999990;
  color:#ffffff;
  font-weight:bold;
  text-align:center;
}

table.month tr th
{
  background-color:#ccccc0;
  color:#ffffff;
  font-weight:normal;
}

table.month tr td
{
  background-color:#ffffff;
  color:#000000;

}

table.month tr td a
{
  display:block;
  line-height:16px;
  background-color:#ffffff;
  border:1px solid #ffffff;
  color:#000000;
  text-decoration:none;
}

table.month tr td a:hover
{
  border-color:#80a0f0;
  text-decoration:none;
}

table.month tr td.elapsed { color:#cccccc; }
table.month tr td.free,
table.month tr td a.free {background-color:#ffffff;border-color:#ffffff;}
table.month tr td.option,
table.month tr td a.option {background-color:#f0a030;border-color:#f0a030;}
table.month tr td.booked,
table.month tr td a.booked {background-color:#e04030;border-color:#e04030;}
table.month tr td.option_ex {background-image:url(option_ex.gif);}
table.month tr td.booked_ex {background-image:url(booked_ex.gif);}

table.reservations { border-collapse:collapse; margin:0px auto; }
table.reservations tr { vertical-align:middle; }
table.reservations colgroup col.date { width:100px; text-align:center; }
table.reservations colgroup col.nbrp { width:180px; text-align:center; }
table.reservations colgroup col.type { width:160px; text-align:center; }
table.reservations colgroup col.oper { width:100px; text-align:center; }
table.reservations th, table.reservations td { border:1px solid #d8c88c; }
table.reservations th { background-image:url(menubg.gif); padding:0px 3px; }
table.reservations td { padding:2px 3px; }
table.reservations td img { vertical-align:middle; margin:0px 5px; }

#messagebox {position:absolute;left:0px;top:-500px;width:320px;height:160px;z-index:100;filter:alpha(opacity=90);}
#messagebox table {width:100%;height:100%;border-collapse:collapse;border:5px solid;}
#messagebox table {background-color:#fef8ec;border-color:#d8c88c;}
#messagebox tr {vertical-align:middle;}
#messagebox td {color:#b8a870;font:bold 11pt Verdana;padding:10px;text-align:center;}
#messagebox a { margin:0px 10px; }

#liens { text-align:center; }
#liens div { margin:50px auto; }
#liens div img { vertical-align:middle; }
#liens div textarea { width:600px; height:62px; font-size:8pt; vertical-align:middle; display:block; margin-top:5px; }