/* @override http://www.oscorpentertainment.com/squelettes/habillage.css */

* { border: 0; outline: 0; margin: 0; padding: 0; font-weight: normal; font-style: normal; text-decoration: none; list-style: none; }
html { height: 100%; }
body { background: #000d19 url(images/bg-body.gif) no-repeat center top; }
#page { width: 100%; min-width: 955px; height: 100%; }

/* Typography */
body { font-family: 'Lucida Grande', Arial, Helvetica, sans-serif; color: #fff; font-size: 12px; }
body#splash { background: #000D19; height: 99%; }
#bdw #bd #sidebar #whatsnew #whatsnew_box .whatsnew_item .learn_more, #bdw #bd #con #slideshow #slideshow_buttons ul li a, #bdw #bd #ft, #hdw #hd #search input.search { font-size: 9px; }
#bdw #bd #ft .left { font-size: 10px; }
#bdw #bd #con #submenu ul li a { line-height: 1.2; }
#news_articles #bdw #bd #con #back { font-size: 10px; color: #0099f1; }
#news_articles #bdw #bd #con #back a, #news_articles #bdw #bd #con #back a:link, #news_articles #bdw #bd #con #back a:visited { color: #0099f1; }
#bdw #bd #con #news_items #news_scroller .news_item { line-height: 1.5; font-size: 11px; }
body#music #bdw #bd .letter { font-size: 28px; color: #0099f1; }
a, a:link, a:visited { color: #fff; outline: 0; }
a:focus, a:active {  }
a:hover {  }
a.readmore { color: #0099f1; }
a.readmore:hover { color: #fff; }
p { margin: 15px 0; }
strong { font-weight: bold; }
table { width: 80%; }
table td { background-color: #001425; padding: 3px; }
table td a:hover { text-decoration: underline; }
.alt { display: none; }

body#page3.active, body#page3.active #page, body#page3.active #page #bdw, body#layout, body#layout #page, body#music, body#news_articles, body#products.active, body#search, body#page404 { height: 100%; }

/* Text Colours */
#bdw #bd #sidebar #whatsnew #whatsnew_box .whatsnew_item .learn_more a, #hdw #hd #search input.search, #bdw #bd #con #slideshow #slideshow_buttons ul li a { color: #000; }
#bdw #bd #sidebar #whatsnew #whatsnew_box .whatsnew_item .learn_more a:hover, #bdw #bd #con #slideshow #slideshow_buttons ul li a:hover { color: #fff; }
#bdw #bd #ft, #bdw #bd #ft a { color: #155475; }
#bdw #bd #ft a:hover { color: #fff; }
#bdw #bd #ft a:hover span.orange { color: #ee6633; }
#bdw #bd #ft a.visit_spip:hover { color: #553399; }

/* Wrappers */
#hdw { display: block; width: 100%; height: 220px; }
#hdw #hd { width: 955px; margin: 0 auto; }
#hdw #hd #logo { display: block; width: 185px; height: 180px; float: left; padding: 15px 0 0 10px; }

/* Nav */
#hdw #hd #nav { display: block; float: left; margin: 83px 0 0 40px; }
#hdw #hd #nav ul li { list-style: none; float: left; padding-top: 18px; position: relative; }
#hdw #hd #nav ul li.sep { padding: 0; width: 1px; }
#hdw #hd #nav ul ul { display: none; position: absolute; left: 10px; top: 36px; width: 100px; z-index: 20000; background: #000; padding: 5px; }
#hdw #hd #nav ul ul li { display: block; width: 100px; float: left; height: 15px; margin: 0; padding: 0; font-weight: normal; }
#hdw #hd #nav ul ul li a { display: block; width: 100px; height: 16px; color: #0692d0; }
#hdw #hd #nav ul ul li a:hover { color: #fff; }

/* SubMenu */
#bdw #bd #con #submenu { height: 20px; }
#bdw #bd #con #submenu ul { margin-left: 18px; overflow: auto; }
#bdw #bd #con #submenu ul li { list-style: none; float: left; margin-right: 10px; height: 20px; }
#bdw #bd #con #submenu ul li a { display: block; height: 18px; }
#bdw #bd #con #submenu ul li a:hover { background: url(images/bg-submenu-underline.gif) repeat-x left bottom; }

/* Search */
#hdw #hd #search-form { display: block; width: 220px; height: 56px; float: left; margin: 83px 0 0 20px; padding-top: 16px; }
#hdw #hd .search_button { height: 25px; width: 72px; float: left; background: url(images/sprite-searchbutton.gif) no-repeat left 16px; padding-top: 2px; }
#hdw #hd #search-form input { background: #00539c; border: 1px solid #0076b8; color: #fff; padding: 2px; width: 130px; margin-right: 2px; float: left; }
#hdw #hd #search-form button { background: #00539c url(images/sprite-searchbutton.gif) no-repeat left -11px; border: none; width: 72px; height: 16px; padding-bottom: 1px; color: #000; text-transform: uppercase; font-size: 9px; cursor: pointer; }
#hdw #hd #search-form button:hover { color: #fff; cursor: pointer; background: #00539c url(images/sprite-searchbutton.gif) no-repeat left -27px; }
div.formulaire_recherche label { display: none; }
body#search h2 { color: #0099f1; }
body#search #bdw #bd #con .section { font-weight: bold; color: #0099f1; }
body#search #bdw #bd #con ul li { color: blue; font-size: 18px; }
body#search #bdw #bd #con ul ul { margin-bottom: 20px; }
body#search #bdw #bd #con ul ul li { margin-left: 30px; font-size: 12px; color: #ccc; font-style: italic; }
body#search #bdw #bd #con ul ul li a { color: white; font-size: 13px; }
body#search #bdw #bd #con ul ul li a:hover { color: #0099f1; }

/* Layout */
#bdw { width: 100%; min-height: 100%; min-width: 955px; background: url(images/bg-bdw.gif) repeat-y center top; }
#bdw #bd { width: 955px; min-width: 955px; margin: 0 auto; background-color: #000; }
#bdw #bd #con { width: 610px; float: left; line-height: 2em; height: auto !important; min-height: 100%; height: 100%; }
#bdw #bd #con #back { width: 100px; color: #0099f1; margin: 10px 0 0 18px; }
#bdw #bd #con #back a, #bdw #bd #con #back a:link, #bdw #bd #con #back a:visited { color: #0099f1; }
#bdw #bd #con #back a:hover { color: #fff; }
#bdw #bd #con #slideshow { display: block; width: 572px; height: 257px; background: #000 url(images/bg-slideshow.jpg) repeat-x left top; margin: 0 0 20px 20px; }
#bdw #bd #con #slideshow #slideshow_buttons { width: 75px; height: 210px; float: left; margin: 25px 0 0 15px; line-height: 1.2; }
#bdw #bd #con #slideshow #slideshow_buttons ul { overflow: auto; padding-top: 10px; }
#bdw #bd #con #slideshow #slideshow_buttons ul li { width: 72px; height: 27px; margin: 5px 0; background: url(images/sprite-button.gif) no-repeat left 16px; }
#bdw #bd #con #slideshow #slideshow_buttons ul li a { display: block; width: 72px; height: 13px; text-align: center; padding-top: 3px; background: url(images/sprite-button.gif) no-repeat left -11px; }
#bdw #bd #con #slideshow #slideshow_buttons ul li a:hover, #bdw #bd #con #slideshow #slideshow_buttons ul li a.on { background: url(images/sprite-button.gif) no-repeat left -27px; color: #fff; }
#bdw #bd #con #slideshow #slideshow_images { width: 465px; height: 225px; float: left; overflow: hidden; margin: 15px 0 0 10px; }

/* Media Layout */
#bdw #bd #con .movie { width: 480px; margin: 10px 0 20px 30px; float: left; }
#bdw #bd #con .movie #text { margin: 10px; }
#bdw #bd #con .movie #stroke { width: 480px; height: 360px; border: 1px solid #616161; }

/* Icons */
#bdw #bd #con #icons { width: 200px; height: 300px; margin: 10px 0 0 20px; float: left; }
#bdw #bd #con .album_left #icons { width: auto; height:auto; margin:0; float:none; }
#bdw #bd #con #icons .ropacity50 { float: left; margin: 0 16px 10px 0; }

/* Graphic Layout */
#bdw #bd #con #gallery { clear: both; margin: 0 0 10px 28px; overflow: auto; }
#bdw #bd #con #gallery #gallery_prev { width: 17px; height: 65px; float: left; margin-right: 6px; }
#bdw #bd #con #gallery #gallery_prev a { display: block; width: 17px; height: 65px; background: url(images/bg-character-buttons.gif) no-repeat left top; }
#bdw #bd #con #gallery #gallery_prev a:hover {  background: url(images/bg-character-buttons.gif) no-repeat -17px top; }
#bdw #bd #con #images { width: 492px; height: 65px; overflow: hidden; float: left; position: relative; }
#bdw #bd #con #images #scroller { height: 65px; position: absolute; left: 0; top: 0; }
#bdw #bd #con #images .image { width: 94px; height: 65px; float: left; margin: 0 2px; }
#bdw #bd #con #gallery #gallery_next { width: 17px; height: 65px; float: left; margin-left: 6px; }
#bdw #bd #con #gallery #gallery_next a { display: block; width: 17px; height: 65px; background: url(images/bg-character-buttons.gif) no-repeat right top; }
#bdw #bd #con #gallery #gallery_next a:hover {  background: url(images/bg-character-buttons.gif) no-repeat -34px top; }
#bdw #bd .character #main_image { width: 536px; height: 394px; overflow: hidden; margin: 10px 0 20px 28px; float: left; }
#bdw #bd #con .character #text { width: 536px; margin: 0 0 20px 28px; }

/* Homepage Products Layout */
#bdw #bd #con .product { width: 280px; height: 138px; float: left; margin: 0 0 20px 20px; position: relative; }
#bdw #bd #con .product .product_title { position: absolute; left: 10px; top: 5px; }

#bdw #bd #sidebar #focus { display: block; width: 301px; height: 216px; margin: 0 0 0 15px; }
#bdw #bd #sidebar #focus #focus_image { height: 198px; background-color: #001425; }

#bdw #bd #sidebar #whatsnew { display: block; width: 301px; margin: 39px 0 0 15px; }
#bdw #bd #sidebar #whatsnew #whatsnew_box { background-color: #001425; padding: 17px 22px; margin-bottom: 50px; }
#bdw #bd #sidebar #whatsnew #whatsnew_box .whatsnew_item { padding-bottom: 10px; overflow: auto; }
#bdw #bd #sidebar #whatsnew #whatsnew_box .whatsnew_item .item_title { padding: 12px 0 18px 0; }
#bdw #bd #sidebar #whatsnew #whatsnew_box .whatsnew_item .item_text { padding-bottom: 10px; }
#bdw #bd #sidebar #whatsnew #whatsnew_box .whatsnew_item .learn_more { width: 72px; height: 27px; float: right; background: url(images/sprite-button.gif) no-repeat left 16px; }
#bdw #bd #sidebar #whatsnew #whatsnew_box .whatsnew_item .learn_more a { display: block; width: 72px; height: 13px; text-align: center; padding-top: 3px; background: url(images/sprite-button.gif) no-repeat left -11px; }
#bdw #bd #sidebar #whatsnew #whatsnew_box .whatsnew_item .learn_more a:hover { background: url(images/sprite-button.gif) no-repeat left -27px; }

/* Main Content */
#news_articles #bdw #bd #con { width: 955px; }
#news_articles #bdw #bd #con #back { width: 200px; margin: 10px 0 0 30px; }
#news_articles #bdw #bd #con #back a:hover { color: #fff; }
#news_articles #bdw #bd #con .news_item { margin: 10px 0 35px 30px; overflow: auto; }
#news_articles #bdw #bd #con .news_item .news_logo { float: left; margin-right: 20px; }
#news_articles #bdw #bd #con .news_item .news_text { float: left; width: 650px; }
#bdw #bd #con #page_title { margin-left: 18px; background: url(images/bg-pagetitle-underline.gif) repeat-x left bottom; }
#bdw #bd #con #intro { margin: 30px 0 30px 28px; z-index: 0; }
#bdw #bd #con #content { margin: 30px 0 30px 28px; min-height: 250px; }

/* With JS */
body.active #bdw #bd #con #news { width: 895px; height: 351px; margin: 35px 0 35px 25px; }
body.active #bdw #bd #con #prev { width: 17px; height: 351px; background: url(images/bg-news-buttons.gif) no-repeat left top; float: left; }
body.active #bdw #bd #con #prev a, #bdw #bd #con #prev a:link, #bdw #bd #con #prev a:visited, #bdw #bd #con #prev a:active { display: block; width: 17px; height: 351px; background: url(images/bg-news-arrows.gif) no-repeat left 167px; }
body.active #bdw #bd #con #prev a:hover, #bdw #bd #con #prev a:focus { background: url(images/bg-news-arrows.gif) no-repeat -17px 167px; }
body.active #bdw #bd #con #news_items { float: left; width: 861px; height: 351px; overflow: hidden; position: relative; }
body.active #bdw #bd #con #news_items #news_scroller { position: absolute; left: 0; top: 0; height: 351px; }
body.active #bdw #bd #con #news_items #news_scroller .news_item { width: 395px; height: 351px; float: left; margin: 10px 0 0 30px; }
body.active #bdw #bd #con #news_items #news_scroller .news_item .news_logo { width: 190px; height: 150px; }
body.active #bdw #bd #con #news_items #news_scroller .news_item .news_text { width: 395px; }
body.active #bdw #bd #con #next { width: 17px; height: 351px; background: url(images/bg-news-buttons.gif) no-repeat right top; float: left; }
body.active #bdw #bd #con #next a, body.active #bdw #bd #con #next a:link, body.active #bdw #bd #con #next a:visited, body.active #bdw #bd #con #next a:active { display: block; width: 17px; height: 351px; background: url(images/bg-news-arrows.gif) no-repeat right 167px; }
body.active #bdw #bd #con #next a:hover, body.active #bdw #bd #con #next a:focus { background: url(images/bg-news-arrows.gif) no-repeat -34px 167px; }

/* Without JS */
#bdw #bd #con #news { width: 897px; height: auto; margin: 20px 0 0 28px; }
#bdw #bd #con #news_items { overflow: auto; }
#bdw #bd #con #news_items #news_scroller .news_item .news_title { margin-top: 20px; }
#bdw #bd #con #news_items #news_scroller .news_item .news_date { margin-bottom: 20px; }
#bdw #bd #con #news_items #news_scroller .news_item { margin: 10px 0 50px 30px; }

/* Pagination */
#bdw #bd #pagination { clear: both; }
#bdw #bd #pagination ul { overflow: auto; margin-left: 8px; padding-bottom: 50px; }
#bdw #bd #pagination ul li { list-style: none; float: left; width: 191px; height: 150px; padding: 20px; }
#bdw #bd #pagination ul li:hover { background: url(images/bg-grid-selection.gif) no-repeat left top; }
#bdw #bd #pagination .title { text-align: center; font-size: 11px; }

/* Products */
#bdw #bd .top_pages { clear: both; float: left; width: 897px; height: 19px; padding-top: 5px; margin: 10px 0 0 28px; vertical-align: bottom; background: url(images/bg-pagetitle-underline.gif) repeat-x left 12px; }
#bdw #bd .top_pages a, #bdw #bd .top_pages a:active, #bdw #bd .top_pages a:visited, #bdw #bd .btm_pages a, #bdw #bd .btm_pages a:active, #bdw #bd .btm_pages a:visited { padding: 0 10px 0 0; color: #065886; }
#bdw #bd .top_pages a:hover, #bdw #bd .top_pages a:focus, #bdw #bd .btm_pages a:hover, #bdw #bd .btm_pages a:focus { color: #0099f1; }
#bdw #bd .top_pages span, #bdw #bd .btm_pages span { background-color: #000; padding-right: 10px; color: #0099f1; }
#bdw #bd .btm_pages { clear: both; float: left; width: 897px; height: 19px; padding-top: 5px; margin: 0 0 10px 28px; vertical-align: bottom; background: url(images/bg-pagetitle-underline.gif) repeat-x left 12px; }
#bdw #bd #sidebar { width: 330px; float: left; margin-top: 16px; }

/* Music Section */
body#music #bdw #bd #con { min-height: 250px; }
body#music #bdw #bd #con #intro { margin: 0; padding: 10px 0 0 18px; }
body#music #bdw #bd #con #intro .intro_logo { width: 161px; height: 90px; float: left; }
body#music #bdw #bd #con #intro .intro_text { width: 400px; float: left; margin: 0 0 30px 20px; }
body#music #bdw #bd #letter_buttons { width: 897px; height: 15px; clear: both; background: url(images/bg-pagetitle-underline.gif) repeat-x left bottom; padding-bottom: 2px; margin: 10px 0 0 18px; }
body#music #bdw #bd #letter_buttons div { float: left; margin-right: 50px; font-size: 14px; }
body#music #bdw #bd #letter_buttons div a { display: block; color: #003579; }
body#music #bdw #bd #letter_buttons div a:hover, body#music #bdw #bd #letter_buttons div.on a { color: #0099f1; }
body#music #bdw #bd #columns { margin: 0 0 40px 28px; clear: both; }
body#music #bdw #bd .column { width: 210px; float: left; padding: 20px 10px 40px 0; }
body#music #bdw #bd .column li { margin-bottom: 3px; }
body#music #bdw #bd .column li a { color: #fff; display: block; }
body#music #bdw #bd .column li a:hover { color: #0099f1; }
body#music #bdw #bd .letter { width: 220px; height: 30px; padding-bottom: 10px; }
body#music #bdw #bd #albums { clear: both; width: 897px; margin-left: 28px; min-height: 250px; }
body#music #bdw #bd #albums .header { margin-bottom: 10px; background: url(images/bg-pagetitle-underline.gif) repeat-x left bottom; padding-bottom: 2px; color: #0099f1; overflow:auto; }
body#music #bdw #bd #albums .album { width: 160px; height: 80px; float: left; }
body#music #bdw #bd #albums .album .cover { float: left; margin: 0 10px 10px 0; position: relative; }
body#music #bdw #bd #albums .album .cover a { display: block; cursor: default; }
body#music #bdw #bd #albums .album .title { float: left; width: 105px; font-size: 13px; }
body#music #bdw #bd #albums .album .product_code { color: #999; font-size: 10px; }

body#music #bdw #bd #albums .album_left { float:left; width: 172px; }
body#music #bdw #bd #albums .album_right { float:left; width: 725px; }

/* Tooltip */
body#music #JT { bottom: 330px; }
body#music #JT .image { float: left; margin-right: 10px; }
body#music #JT .songs { color: #fff; font-size: 10px; padding: 5px 0; float: left; width: 200px; }
body#music #JT .songs ol li { list-style: decimal; margin-left: 15px; }

/* Contact Page */
body#contact #bdw #bd #con .page_title { margin-left: 18px; background: url(images/bg-pagetitle-underline.gif) repeat-x left bottom; width: 570px; }
body#contact #bdw #bd #con #content { margin: 10px 0 30px 28px; width: 580px; }
body#contact #bdw #bd #subscription { width: 300px; float: left; margin-top: 50px; padding-left: 18px; }
body#contact #bdw #bd #subscription .page_title { background: url(images/bg-pagetitle-underline.gif) repeat-x left bottom; width: 100%; }
body#contact #bdw #bd #subscription fieldset { margin: 0; padding: 0; }

/* FOOTER */
#bdw #bd #ft { display: block; width: 897px; height: 20px; padding-top: 10px; border-top: 1px solid #11435e; clear: both; margin: 0 auto 20px auto; }
#bdw #bd #ft .left { width: 400px; float: left; }
#bdw #bd #ft .left ul { overflow: auto; }
#bdw #bd #ft .left ul li { list-style: none; float: left; margin-right: 20px; }
#bdw #bd #ft .right { width: 480px; float: right; }

/* Forms */
fieldset { border: none; padding: 1px; background: none; margin: 20px 0 0 0; }
#con fieldset ul li { list-style-type: none;}
#con fieldset ul li input { width: 20px; }
#con fieldset ul li label {font-size: 12px; }
legend { display: none; }
.spip_form_label { display: block; clear: both; margin: 10px 0px 0px 4px; font-weight: normal; color: #0099f1; }
.spip_form_label span { font-weight: normal; font-size: 100%; }
.spip_form_label .spip_form_label_obligatoire { font-size: 9px; color: #f2e8d7; }
.spip_form_label_details { display: none; }
.spip_form_ok { font-size: 12px; font-weight: normal; padding: 5px 0px 0px 5px; color: #0099f1; }
.spip_form_champ { width: 95%; }
fieldset.separateur_2 .spip_form_champ input, fieldset.separateur_4 .spip_form_champ input { width: 12px; height: 12px; background: #261a00; border: none; margin-left: 4px; font-size: 12px; color: #f2e8d7; padding: 3px; }
.spip_form_champ input,
.spip_form_champ select,
.spip_form_champ textarea { width: 99%; background: #000; border: 1px solid #11435e; margin-left: 4px; font-size: 12px; color: #f2e8d7; padding: 3px; }
.spip_bouton { padding: 0 0 1ex 0; width: 49px; margin-top: 5px; }
.spip_bouton input { margin: 4px; font-size: 12px; border: 1px solid #11435e; color: #0099f1; padding: 4px; background: #001425; }
.spip_forms .spip_form_champ .champ_obli_oubli { border: 1px dotted #ffdb77; background-color: #6d5c4a; }
.spip_forms .spip_form_label_details { display: none; }
.spip_forms .erreur { color: #ffdb77; margin-left: 4px; font-size: 11px; padding-top: 1px; }

/* Has JS */
body.active #hdw #hd #nav ul li.open ul { display: block; }

/* Page Specific */
body#page3 #bdw #bd #con #page_title { width: 895px; background: url(images/bg-pagetitle-underline.gif) repeat-x left bottom; }
body#layout #bdw #bd #con { width: 955px; }
body#layout #bdw #bd #title { margin: 20px 0 0 18px; color: #06527d; font-size: 20px; }
body#layout #bdw #bd #con #nothing { margin: 50px 0 50px 18px; color: #0099f1; }

hr.clear { clear: both; visibility: hidden; width: 100%; color: #000; }