body
{
  background-color: #e9eada;
  color: #b55c39;
  font-family: Times New Roman, Verdana, Arial, Helvetica, sans-serif;
  font-size: 17px;
  margin: 0px;
  text-align: center;
}

img
{
  border: 0px;
}

a
{
  color: #e14a2d;
  font-weight: bold;
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}

#bg
{
  width:100%;
  background:#e9eada url(bgcorner.png) no-repeat;
  background-position:bottom center;
}

#page
{
  width: 760px;
  background-color: #f0d9b9;
  background-image: url(bg.gif);
  border-left: 1px solid #e7bf8b;
  border-right: 1px solid #e6c69f;
  margin: 0px auto;
}

#head
{
  border-bottom:1px solid #e7bf8b;
  overflow:hidden;
}

#head, #head img
{
  width:760px;
  height:150px;
}

#page #menu
{
  width: 158px;
  float: left;
}

#page #menu #nav
{
  width: 140px;
  margin: 10px auto;
  text-align: left;
}

#page #menu #nav p {font:14px Times,Verdana,Arial,Helvetica,sans-serif; font-style:italic; margin:8px 6px;}
#page #menu #nav p.sub {margin:4px 12px;}
#page #menu #nav p.sub a {font-weight:normal;}
#page #menu #nav p.important a {color:#b55c39;font-size:13pt;font-style:normal;text-decoration:underline;}

#page #menu img.logo
{
  width:100px;
  height:158px;
  margin: 10px auto;
}

#page #body
{
  width: 600px;
  float: right;
  padding: 10px 0px;
  text-align: left;
}

#page #body p
{
  margin: 0px 20px 20px 20px;
}

#page #foot
{
  clear: both;
  height: 28px;
  background-image: url(footer.gif);
  font:11px Verdana, Arial, Helvetica, sans-serif;
  line-height: 28px;
}

#resume
{
  width: 760px;
  height: 60px;
  text-align: left;
  margin: 20px auto 10px auto;
}

#resume p
{
  width: 560px;
  font:7pt Arial, Verdana, Helvetica, sans-serif;
  color:#cccabd;
}

#resume p a { color:#cccabd; }

#page #body #news { width:500px; height:380px; background-image:url(bg-news.jpg); border:1px solid #b55c39; font-size:11pt; margin:10px auto; text-align:left; }
#page #body #news p { margin:10px 20px; }
#page #body #news ul { margin:10px 20px 10px 50px; }

div.marques { margin:0px 0px; text-align:center; }
div.marques img { margin:0px 10px; vertical-aign:middle; }

/*** Robes de mariée **********************************************************/

a.theme
{
  display: block;
  width: 420px;
  height: 90px;
  margin: 0px 90px;
}
a.theme:hover
{
  background-color: #f4cc92;
}
img.bulle
{
  width: 80px;
  height: 80px;
  margin: 5px 10px 5px 20px;
}
img.title
{
  width: 280px;
  height: 80px;
  margin: 5px 0px 5px 10px;
}
img.collection
{
  width: 80px;
  height: 80px;
  margin: 5px 0px 5px 50px;
}

div.robes
{
  width: 565px;
  height: 200px;
  margin: 0px auto;
}

div.robes a
{
  display: block;
  width: 130px;
  height: 200px;
  float: left;
  overflow: hidden;
  margin: 0px 3px;
  text-indent: -12px;
  text-align:center;
  border:1px solid #f2c0a7;
}

div.robes a:hover
{
  text-indent: -8px;
  border:1px solid #e14a2d;
}

p.robe img
{
  float:right;
}

/*** Contact ******************************************************************/

form {margin:0px;}
table.contact {border:2px solid #e7bf8b;font:10pt Verdana;margin:10px auto;table-layout:fixed;width:520px;}
table.contact tr {vertical-align:middle;}
table.contact tr th,
table.contact tr td {background-color:#ecd0b0;font-weight:bold;}
table.contact tr th {text-align:right;width:110px;}
table.contact tr td {text-align:left;width:410px;}
table.contact tr th .req {text-decoration:underline;}
table.contact tr td input,
table.contact tr td textarea {background-color:#e9eada;border:1px solid #e7bf8b;color:#e14a2d;font-weight:bold;}

div.thanks {  background-color:#e9eada;border:2px solid #b55c39;font-weight:bold;line-height:24px;margin:60px 30px;padding:30px;width:300px;}

