body { background:#000; font:10pt Verdana, Helvetica, Arial, sans-serif; margin:0px; padding:0px; overflow:hidden; }

#logo, #logo img { width:300px; height:80px; }
#logo { position:absolute; left:15px; top:15px; overflow:hidden; }
#logo img { display:block; }

#menu { min-height:50px; z-index:10; margin-top:100px; overflow:visible; }

.sf-menu, .sf-menu * { font-size:10pt; font-weight:bold; }
.sf-menu ul { width:250px; }
.sf-menu li li:hover ul, .sf-menu li li.sfHover ul { left:250px; }
.sf-menu ul ul { width:250px; }
.sf-menu li li li:hover ul, .sf-menu li li li.sfHover ul { left:250px; }
.sf-menu a, .sf-menu a:visited { color:#ffffff; }
.sf-menu li { background:url('menu-bg-li-40.png'); letter-spacing:5px; }
.sf-menu li li { background:url('menu-bg-li-li-40.png'); letter-spacing:1px; }
.sf-menu li li li { background:url('menu-bg-li-li-40.png'); }
.sf-menu li.current { background:url('menu-bg-current-40.png'); }
.sf-menu li.current a { color:#000000; }
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background:url('menu-bg-over-40.png'); color:#111111; }
.sf-menu li.menu-btn { color:#99cc00; }

.jspVerticalBar { width:8px; overflow:hidden; }
.jspVerticalBar .jspArrow { height:8px; overflow:hidden; }
.jspTrack { background:#111; overflow:hidden; }
.jspDrag { background:#333; overflow:hidden; }
.jspDrag:hover { background:#444; }
.jspArrow { background:#666; }
.jspArrow.jspDisabled { background:#555; }

#body { width:800px; height:300px; margin:0px 0px 0px 0px; position:absolute; right:-767px; bottom:30px; z-index:6; background:url(bg-body-800x300.png) 0px 0px no-repeat; cursor:pointer; }
/*
#body.closing, #body.closed { background-image:url(bg-body-800x300-out.png); }
#body.opened, #body.opening { background-image:url(bg-body-800x300.png); }
*/
#bodyclose { width:16px; height:16px; position:absolute; right:10px; top:2px; overflow:auto; background:url(close-body.png) 0px 0px no-repeat; cursor:pointer; }
#body .padding { width:760px; height:296px; position:absolute; right:0px; top:2px; overflow:auto; }
#body .padding .text { padding:0px 0px 15px 0px; }
#bodyslide { width:30px; height:296px; position:absolute; left:2px; top:2px; overflow:auto; background:url(logo-daniel-mc-body.png) center center no-repeat; cursor:pointer; }
#body h2 { color:#99cc00; font-size:12pt; margin:10px 10px; }
#body p { color:#ffffff; margin:10px 10px; }

#photos img { border:0px; vertical-align:middle; }

#prevslide, #nextslide { z-index:5; top:40%; }
#controls-wrapper { height:20px; z-index:8; }
#controls { z-index:9; }
#slidecounter { line-height:20px; }
#play-button, #tray-button { margin-top:-10px; }
ul#slide-list { padding:5px 0px; left:43%; width:850px; }
ul#slide-list li { margin-right:1px; }
#thumb-tray { height:128px; z-index:7; }
#thumb-back, #thumb-forward { bottom:20px; }
ul#slide-list { padding:7px 0px; }
ul#slide-list li { width:8px; height:8px; margin-right:0px; }
ul#slide-list li a { display:block; width:8px; height:8px; background:url('supersized/nav-dot8.png') no-repeat 0px -16px; }
ul#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover { background-position:0px 0px; }
ul#slide-list li a:hover { background-position:0px -8px; cursor:pointer; }

/* #bmenu { background-color:#ff0000; } */
#bmenu { width:230px; height:14px; margin:0px 0px 0px 0px; position:absolute; right:60px; bottom:3px; z-index:20; font-size:7pt; }
#bmenu ul { margin:0px; padding:0px; list-style:none; text-align:right; }
#bmenu li { margin:0px 5px 0px 0px; padding:0px; display:inline; }
#bmenu li a { color:#ffffff; text-decoration:none; }
#bmenu li a:hover { color:#99cc00; text-decoration:underline; }
#bmenu #musique { width:18px; height:12px; border:0px; vertical-align:middle; }

#contact
{
  width:220px;
  margin:0px 0px 20px 20px;
  float:right;
  position:absolute;
  right:20px;
}
#contact p { margin:10px 20px 0px 0px; }
#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:#99cc00; }

#fc { margin:0px 0px 10px 5px; font-size:10pt; }
#fc tr { vertical-align:middle; }
#fc tr th { color:#ffffff; font-weight:normal; padding:1px 3px; text-align:right; white-space:nowrap; }
#fc tr td { color:#ffffff; 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; }

#partenaires { margin:0px; padding:0px; }
#partenaires h3 { color:#99cc00; margin:15px 0px 0px 0px; }
#partenaires ul { margin:0px 0px 5px 10px; padding:0px; list-style:none; }
#partenaires li { margin:5px 0px; padding: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; }

#liens table { width:720px; border-collapse:collapse; margin:10px auto; font-size:11pt; }
#liens table tr { vertical-align:middle; }
#liens table tr td { width:240px; padding:0px; text-align:center; }