body
{
  background-color:#333333;
  color:#d7e7a7;
  font-family:Arial,Verdana,Trebuchet MS,sans-serif;
  margin:0px 0px 10px 0px;
  text-align:center;
}

body, td, th { font-size:75%; }
td, th { padding:0px; }
tr { vertical-align:middle; }
img { border:0px; }

#container
{
  width:992px;
  background:transparent url(bg-container.png) repeat-y;
  margin:0px auto;
}

#page
{
  width:974px;
  background:transparent url(bg-page.png) repeat-y;
  margin:0px auto;
}

#head
{
  width:974px;
  height:200px;
  background:transparent url(bg-head.png) repeat-y;
  margin:0px auto;
  overflow:hidden;
  position:relative;
}

#head #homefordj, 
#head img.bg
{
  width:974px;
  height:200px;
  display:block;
  position:absolute;
  top:0px;
  left:0px;
}

#head a.logo
{
  width:250px;
  height:150px;
  display:block;
  position:absolute;
  top:15px;
  left:25px;
}

#head a.logo img
{
  width:250px;
  height:150px;
}

#head #head_dj
{
  width:183px;
  height:160px;
  position:absolute;
  top:5px;
  left:400px;
}

#head #head_barman
{
  width:183px;
  height:160px;
  position:absolute;
  top:5px;
  left:650px;
}

#head ul
{
  width:630px;
  height:25px;
  display:block;
  position:absolute;
  top:175px;
  left:320px;
  margin:0px;
  padding:0px;
}

#head ul li
{
  height:25px;
  display:block;
  float:left;
  margin:0px 0px;
  padding:0px;
}

#head ul li a
{
  display:block;
  padding:0px 15px;
  line-height:25px;
  color:#9ac223;
  font-weight:bold;
  text-decoration:none;
}

#head ul li a:hover
{
  color:#ffffff;
}

#sepHeadBody
{
  width:974px;
  height:2px;
  display:block;
  background:transparent url(bg-head.png) repeat-y;
  overflow:hidden;
}

#body
{
  width:974px;
  background:transparent url(bg-body.png) top no-repeat;
  margin:0px auto;
  text-align:left;
}

#lienContact { width:150px; margin-top:10px; overflow:hidden; float:right; }

#title { height:70px; overflow:hidden; }
#title h1 { margin:20px 0px 0px 20px; }

#musique
{
  visibility:hidden;
  width:240px;
  height:50px;
  margin:10px 0px 10px 10px;
  float:right;
  font-weight:bold;
}
#musique a { color:#c0e732; text-decoration:none; }
#musique img { float:right; margin-right:30px; }
#musique p { line-height:16px; margin:0px; text-align:center; }
#message_musique
{
  position:absolute;
  width:240px;
  height:160px;
  background:transparent url(bg-musique-message.png) center 5px no-repeat;
}
#message_musique p { color:#000000; font:8pt Verdana,Arial,Sans-Serif; line-height:12px; margin:37px 30px 0px 30px; }

#menu
{
  display:block;
  width:180px;
  background:transparent url(bg-contact.png) right repeat-y;
  list-style:none;
  margin:0px;
  padding:0px;
  float:left;
}

#menu li
{
  margin:0px 5px 10px 20px;
  text-align:left;
  letter-spacing:1px;
}

#menu li a
{
  color:#9e9c9c;
  text-decoration:none;
}

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

#menu li span
{
  color:#c0e732;
  font-weight:normal;
}




#text
{
  width:750px;
  margin:0px 0px 0px 20px;
  color:#ffffff;
  text-align:justify;
  float:left;
  overflow:visible;
}
#text.contact { width:670px; }
#text.contactMenu { width:500px; }
#text.fullWidth { width:900px; }
#text.scroll-pane { height:250px; overflow:auto; padding-right:20px; }
#text p { margin:0px; }
#text a { color:#9e9c9c; text-decoration:none; }
#text a:hover { color:#c0e732; text-decoration:underline; }
#text #navPages { width:100%; margin:20px 0px; text-align:center; }
#text #navPages a { color:#9e9c9c; margin:0px 20px; text-decoration:none; }
#text #navPages a:hover { color:#c0e732; }
#text #navPages a.page { margin:0px 5px; }
#text #navPages span { color:#565454; margin:0px 20px; }
#text #navPages { text-align:right; }
#text .right { float:right; margin:0px 10px 0px 10px; }
a.jScrollArrowUp { background: url(scrollbar/basic_arrow_up.gif) no-repeat 0 0; }
a.jScrollArrowUp:hover { background-position: 0 -15px; }
a.jScrollArrowDown { background: url(scrollbar/basic_arrow_down.gif) no-repeat 0 0; }
a.jScrollArrowDown:hover { background-position: 0 -15px; }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { background-position: 0 -30px; }

#text h3 { font-size:10pt; margin:20px 0px 5px 0px; }
#videos { margin:5px 0px 20px 0px; padding:0px; }
#videos li { margin:0px 0px 0px 30px; }
#videos li a { color:#9e9c9c; text-decoration:none; }
#videos li a:hover { color:#c0e732; }
#videos li a span { color:#565454; font-style:italic; }
#videos li a:hover span { color:#809020; }

#contact
{
  width:220px;
  background:transparent url(bg-contact.png) left repeat-y;
  margin:0px 0px 20px 20px;
  float:left;
}
#contact p { margin:0px 0px 10px 10px; }
#contact .dpt { color:#565454; font-weight:bold; }
#contact .nom { color:#9e9c9c; }
#contact .tel { color:#565454; }
#contact a { color:#565454; text-decoration:none; }
#contact a:hover { color:#d7e7a7; }




#body_bottom
{
  width:974px;
  height:18px;
  background:transparent url(bd-body-bottom.png) top no-repeat;
  margin:0px auto;
  clear:both;
}

#photos
{
  width:992px;
  height:156px;
  background:transparent url(bg-photos.png) no-repeat;
  margin:0px auto;
  overflow:hidden;
  text-align:left; 
}
#photos div { width:974px; height:156px; margin:0px 9px; overflow:hidden; white-space:nowrap; }

#foot
{
  width:992px;
  height:28px;
  background:transparent url(bg-foot.png) no-repeat;
  margin:0px auto;
  overflow:hidden;
  color:#8e8c8c;
  font-size:85%;
  line-height:28px;
}
#foot a { color:#8e8c8c; text-decoration:none; }
#foot a:hover { color:#d7e7a7; }
#foot .copyright { }




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

h1.partenaires { margin:0px; }
#partenaires { margin:0px 0px 20px 40px; padding:0px; }
#partenaires li { margin:5px 0px; }
#partenaires .nom { color:#ffffff; }
#partenaires .tel { color:#666666; }
#partenaires span a { text-decoration:none; }
#partenaires span a:hover { color:#d7e7a7; text-decoration:underline; }
#partenaires .email a { color:#aaaaaa; }
#partenaires .web a { color:#aaaaaa; }

#documents { margin:0px 0px 20px 40px; padding:0px; }
#documents li { margin:5px 0px; }
#documents li a .titre { color:#ffffff; }
#documents li a .taille { color:#666666; }
#documents li a .maj { color:#aaaaaa; }
#documents li a:hover .titre { color:#c0e732; }
#documents li a:hover .maj { color:#d7e7a7; }

#liens { width:100%; border-collapse:collapse; margin:20px 0px; font-size:11pt; }
#liens tr { vertical-align:middle; }
#liens tr td { width:33%; padding:0px; text-align:center; }

#mariage a { color:#aaaaaa; text-decoration:none; }
#mariage a:hover { color:#d7e7a7; }
#mariage span { color:#555555; }

#diaporama { width:100%; height:620px; margin:10px auto; text-align:center; }
#diaporama form { margin:0px auto 10px auto; }
#diaporama form select, #diaporama form input { vertical-align:middle; }
#diaporama form input { width:110px; margin-left:20px; background-color:#505050; border:2px outset #505050; background-position:center; background-repeat:no-repeat; }
#diaporama form input.prev { background-image:url(bg-btn-prev.png); }
#diaporama form input.play { background-image:url(bg-btn-play.png); }
#diaporama form input.pause { background-image:url(bg-btn-pause.png); }
#diaporama form input.next { background-image:url(bg-btn-next.png); }
#diapomini { width:700px; overflow:auto; margin:0px auto 10px auto; text-align:left; }
#diapomini div { overflow:none; }
#diapomini div img { vertical-align:middle; }
#diaporama #diapo1, #diaporama #diapo2 { position:absolute; opacity:1.00; -moz-opacity:1.00; filter:alpha(opacity=100); }
#diaporama #diapo1 { margin-left:-50px; margin-top:50px; }

#diapomode a { display:block; margin:20px 0px; }

#diap { width:820px; margin:10px auto; }
#diap a { display:block; width:200px; height:150px; overflow:hidden; float:left; margin:1px; }
#diap br { clear:both; }

#diap3 { width:620px; margin:10px auto; }
#diap3 a { display:block; width:200px; height:150px; overflow:hidden; float:left; margin:1px; }
#diap3 br { clear:both; }

.video { text-align:center; }

.photo2 { margin:0px auto; text-align:center; }
.photo2 img { border:1px solid #000000; margin:10px 0px; }

/*
#menu { width:180px; }
#text { width:500px; }

*/

/*
#menu { width:220px; }
#text { width:460px; }
*/

/*
#body { border:1px solid #ff00ff; }
#title { border:1px solid #00ff00; }
#menu { border:1px solid #ff0000; }
#text { border:1px solid #0000ff; }
#contact { border:1px solid #ffff00; }
#body_bottom { border:1px solid #ffffff; }
*/

#anim_dj
{
  width:700px;
  height:612px;
  margin:10px auto;
}

#anim_barman
{
  width:700px;
  height:610px;
  margin:0px auto;
}