body
{
  background:#dedee7 url(bgbody.png) repeat-x;
  background-color:#606060;
  color:#333333;
  font-family:Trebuchet MS,Verdana,Arial,sans-serif;
  margin:0px;
  text-align:center;
}

body, td, th { font-size:75%; }
td, th { padding:0px; }
tr { vertical-align:middle; }
img { border:0px; }
a { color:#009de0; }
a:hover { color:#ee0088; }

#container
{
  width:775px;
  background:#ffffff url(bgcont-black.png) repeat-y;
  margin:0px auto;
  text-align:center;
}

#page
{
  width:755px;
  background:#ffffff url(bgpage150.png) repeat-y;
  margin:0px auto;
  text-align:left;
}

h1#logo
{
  background:#ffffff url(logo.png) center no-repeat;
  width:450px;
  height:90px;
  float:left;
  font-size:150%;
  line-height:45px;
  margin:0px;
  overflow:hidden;
  text-align:center;
  text-indent:-1000px;
}

h1#logo a
{
  width:350px;
  height:90px;
  float:left;
  text-indent:-1000px;
}

h2#slogan
{
  background:#ffffff url(baseline.png) center no-repeat;
  width:300px;
  height:90px;
  float:right;
  line-height:90px;
  margin:0px;
  overflow:hidden;
  text-align:center;
  text-indent:-1000px;
}

#head
{
  width:100%;
  height:130px;
  background:#ffffff url(photos-mariage.jpg) center no-repeat;
  border-top:5px solid #009de0;
  clear:both;
  overflow:hidden;
}

#head p
{
  line-height:15px;
  margin:0px;
  text-align:left;
  text-indent:-1000px;
}

#annonce
{
  width:370px;
  height:85px;
  position:absolute;
  left:50%;
  top:115px;
  margin-left:-20px;
  overflow:hidden;
  padding:5px 10px;
  background-color:#ffeedd;
  border:3px solid #ffaa00;
  color:#000000;
  font-weight:bold;
  text-align:justify;
  filter:alpha(opacity=80);
  opacity:0.8;
  -moz-opacity:0.8;
}

#menu
{
  width:100%;
  height:30px;
  background:#ffffff url(bgmenu150.png) left bottom no-repeat;
  list-style:none;
  margin:0px;
  padding:0px;
}

#menu li
{
  background:url(bgpuce.png) 9px 0px no-repeat;
  float:left;
  font-family:Verdana,Arial,Georgia,Trebuchet MS,sans-serif;
  font-size:80%;
  font-weight:bold;
  margin:3px 12px 0px 5px;
}

#menu li a
{
  color:#009de0;
  margin-left:18px;
  text-decoration:none;
  text-transform:uppercase;
  word-spacing:0px;
}

#menu li a:hover
{
  color:#ee0088;
  text-decoration:underline;
}

#menu li img.up
{
  width:9px;
  height:10px;
  vertical-align:middle;
}

#text
{
  width:580px;
  float:right;
  margin:0px 5px;
}

#smenu
{
  width:150px;
  float:right;
  margin-right:10px;
}

#smenu ul
{
  list-style:none;
  margin:0px;
  padding:0px;
}

#smenu ul li
{
  background:url(bgpuce.png) no-repeat;
  background-position:1px 3px;
  margin:5px 0px 5px 5px;
}

#smenu ul li a
{
  color:#009de0;
  font-weight:bold;
  margin-left:11px;
  text-decoration:none;
}

#smenu ul li a:hover
{
  color:#ee0088;
  text-decoration:underline;
}

#smenu #contacts { margin:30px 10px; text-align:center; }
#smenu #contacts h3 { color:#6699cc; font-size:100%; margin:8px 0px; text-transform:uppercase; }
#smenu #contacts .nom { display:block; font-size:90%; font-weight:bold; margin-top:8px; }
#smenu #contacts .tel { display:block; font-size:90%; font-style:italic; }

#foot
{
  width:580px;
  border-top:1px solid #e3e3e3;
  clear:right;
  color:#666666;
  float:right;
  font-family:Arial,Verdana,sans-serif;
  font-size:75%;
  margin:15px 5px 0px 5px;
  padding:5px 0px;
  text-align:left;
}

#foot a
{
  color:#666666;
  text-decoration:none;
}

div.clear
{
  clear:both;
  height:1px;
  overflow:hidden;
}

#bottom
{
  background:url(bgbottom-black.png) top no-repeat;
  height:8px;
}

#text h1
{
  width:560px;
  height:25px;
  background-repeat:no-repeat;
  border:1px;
  color:#5a299c;
  font-size:150%;
  margin:10px 0px 15px 0px;
  overflow:hidden;
  text-indent:-1000px;
}

h1#accueil { background-image:url(h1/location-de-salle-de-reception-dans-le-var.png); }
h1#reception { background-image:url(h1/location-de-salle-de-reception-dans-le-var.png); }
h1#photos { background-image:url(h1/photos-de-salle-de-reception-dans-le-var.png); }
h1#tarifs { background-image:url(h1/tarifs-de-salle-de-reception-dans-le-var.png); }
h1#planning { background-image:url(h1/planning-de-reservations.png); }
h1#reservation { background-image:url(h1/reservation.png); }
h1#contact { background-image:url(h1/nous-contacter.png); }
h1#administration { background-image:url(h1/administration.png); }

#text h2 { color:#6699cc; font-size:110%; margin:16px 0px 8px 0px; }
#text p { margin:8px 0px; }
#text ul { margin:8px 0px 8px 30px; }

#text ul.liens li { font-size:90%; margin-bottom:5px; }
#text ul.liens li a { color:#333333; text-decoration:none; }
#text ul.liens li a:hover { color:#cc0000; }
#text ul.liens li a .large { background-color:#ddddff; border-top:1px solid #6699cc; border-bottom:1px solid #6699cc; padding:0px 4px; }
#text ul.liens li a:hover .large { background-color:#ffdddd; border-color:#cc0000; }

.small { color:#888888; font-size:75%; }





.tarifs { border-collapse:collapse; margin:0px auto; }
.tarifs tr { vertical-align:middle; }
.tarifs tr.titre th { background-color:#cccccc; text-align:center; }
.tarifs th { background-color:#dddddd; text-align:center; }
.tarifs th, .tarifs td { border:1px solid #aaaaaa; padding:1px 2px; }













#programmes { border-collapse:collapse; margin:0px auto; width:560px; }
#programmes tr { vertical-align:middle; }
#programmes tr td { padding:0px; text-align:center; }
#programmes tr td img { margin:10px; }

#concept { margin:8px auto; }
#concept td { padding:10px; text-align:center; }
#concept td img { width:100px; height:130px; border:1px solid #000000; }

#agences { background-color:transparent; }
#agences tr { vertical-align:top; }
#agences td { padding:0px 20px; text-align:center; }
#agences td img { width:120px; height:150px; border:1px solid #000000; margin-bottom:5px; }

#interlocuteurs { background-color:transparent; }
#interlocuteurs td { padding:0px 5px; text-align:center; }
#interlocuteurs td img { width:80px; height:104px; border:1px solid #000000; }

/* #interlocuteur { height:180px; } */
#interlocuteur p { margin-bottom:15px; }
#interlocuteur .nom { font-weight:bold; text-decoration:underline; }

#logospartners { margin:0px auto; text-align:center; }
#logospartners img { margin:10px 0px; }

#produits { border-collapse:collapse; margin:0px auto; width:560px; }
#produits tr { vertical-align:middle; }
#produits tr td { padding:0px; text-align:center; }
#produits tr td a:hover { background-color:#f0f0f4; }
#produits tr td a img { width:205px; height:71px; margin:10px; }

#prodefisc li { margin-bottom:15px; }
img.hand { width:22px; height:10px; margin-left:20px; vertical-align:middle; }

div.perfubs { float:left; margin:0px 30px 0px 0px; padding:0px; }
div.perfubs h2 { margin-top:0px; }
div.perfubs table { border-collapse:collapse; margin:0px; }
div.perfubs th, div.perfubs td { border:1px solid #000000; padding:2px 3px; text-align:center; }
div.perfubs th.topleft { border-top:0px; border-left:0px; }
div.perfubs td input { border:0px; text-align:center; width:55px; }

#retrocessions { border-collapse:collapse; margin:0px auto; }
#retrocessions tr { vertical-align:top; }
#retrocessions tr * { border:1px solid #000000; padding:5px; text-align:center; }

#coordonnees { font-size:80%; margin:10px 0px 0px 8px; }

#contact, form { margin:0px auto; }
#contact tr { vertical-align:middle; }
#contact tr th { font-weight:normal; padding:1px 3px; text-align:right; }
#contact tr td { padding:1px 3px; }
#contact input.text, #contact input.button,
#contact textarea { background:#ffffff url(bginput.png) repeat-x; background-position:top; border:1px solid #999999; }
#contact button { background:none; border:0px; margin:0px; }
#contact tr.req th { font-weight:bold; }
#contact tr.req th span { color:#cc0000; font-weight:bold; }
#contact tr.req td input { background:#ffffff url(bginputreq.png) repeat-x; }

#connexion { width:130px; margin:5px 3px; font-size:90%; text-align:left; }
#connexion h2 { margin-bottom:5px; font-size:120%; }
#connexion label { display:block; margin-bottom:2px; }
#connexion input { width:130px; margin-bottom:5px; background:#ffffff url(bginput.png) repeat-x; background-position:top; border:1px solid #999999; font-size:100%; }
#connexion button { width:80px; height:20px; background:none; border:0px; margin:0px 20px; padding:0px; }

.programme a, .programme a:hover { color:#000000; text-decoration:none; }
.programme a.detail { color:#6699cc; text-decoration:underline; }
.programme a.detail:hover { color:#cc0000; text-decoration:underline; }

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


.tarifs { text-align:center; }
.tarifs table { border-collapse:collapse; margin:0px auto; }
.tarifs tr { vertical-align:middle; }
.tarifs th { font-weight:bold; padding:5px 10px; text-align:center; background-color:#ffffff; }
.tarifs th i { display:block; font-weight:normal; }
.tarifs td { font-weight:normal; padding:5px 10px; text-align:center; }


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

b.year { color:#ee0088; }

table.month
{
  width:175px;
  float:left;
  border:1px solid #666666;
  border-collapse:collapse;
  margin:5px;
}

table.month tr th,
table.month tr td
{
  height:18px;
  padding:0px;
  font-family:Verdana, Arial, Ms Sans Serif;
  font-size:8pt;
  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.png);}
table.month tr td.booked_ex {background-image:url(booked-ex.png);}

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; }