/* balises de base */
html, body { margin: 0 auto; padding: 0; background: #000; }
div { font: normal 12px "Trebuchet MS"; color: #e8eae7; }
img { border: 0; }
h1 { padding: 5px 0 15px 0; margin: 0 0 15px 0; font: normal 20px "Trebuchet MS"; color: #ffcc00; background: transparent url('img/dot.gif') repeat-x 0 bottom; }
h2 { margin: 0; padding: 14px 0 10px 5px; height: 28px; color: #fff; font-size: 14px; background-image: url('img/bg_titre.gif'); background-position: 0 top; }
p { margin: 0; padding: 10px 0; }
a { color: #ffcc00; text-decoration: underline; outline: none; }
a:hover { text-decoration: none; }
select{ padding: 2px 2px; width: 226px; height: 20px; font-size: 11px; color: #888888; }
ul { list-style-type:none; }
/* styles courants */
a.fleche { padding-left: 12px; background: transparent url('img/arrow.gif') no-repeat 0 5px; }
img.titre { margin: 0 0 20px 0; padding: 0 0 15px 0; display: block; background: transparent url('img/dot.gif') repeat-x 0 bottom; }
img.titre_section { display: block; margin: 0 0 20px 0; border:0; }
.clear { clear: both; _font-size:1px; padding: 0; margin: 0; }
.left { float: left; }
.right { float: right; }
.dot { background: transparent url('img/dot.gif') repeat-x 0 bottom; }
.jaune { color: #ffcc00; }
.red { color: #ff3c00; }
.citation { font-style: italic; }
.mentions { margin: 10px 0 0 0; font: normal 10px "Trebuchet MS"; color: #888888; }
.toggle_div { display: none; }
.albums_list { position: absolute; top: 10px; right: 10px; }
.erreur { padding-top: 20px; color: red; text-align: center; }
.compteur { padding-top: 10px; font-size: 10px; text-align:center; color: #888888; }
/* boutons */
.btn { position: absolute; bottom: 25px; left: 20px; display: block; height: 36px; }
.btn span { display: none; }
#btn_dl { width: 116px; background: transparent url('img/btn_dl.jpg') no-repeat 0 0; }
#btn_dl:hover { background-position: 0 -36px; }
#btn_rejoindre { width: 116px; background: transparent url('img/btn_rejoindre.gif') no-repeat 0 0; }
#btn_rejoindre:hover { background-position: 0 -36px; }
#btn_acheter, .btn_acheter { width: 83px; background: transparent url('img/btn_acheter.jpg') no-repeat 0 0; }
#btn_acheter:hover, .btn_acheter:hover { background-position: 0 -36px; }
#btn_membre { width: 116px; background: transparent url('img/btn_forum_membre.jpg') no-repeat 0 0; }
#btn_membre:hover { background-position: 0 -36px; }
#btn_sinscrire { left: 146px; width: 116px; background: transparent url('img/btn_sinscrire.jpg') no-repeat 0 0; }
#btn_sinscrire:hover { background-position: 0 -36px; }
#btn_back { position: absolute; bottom: 10px; left: 402px; width: 196px; background: transparent url('img/btn_back.jpg') no-repeat 0 0; }
#btn_back:hover { background-position: 0 -36px; }
#btn_dl_bon { bottom: 10px; left: 10px; width: 220px; background: transparent url('img/dl_bon_commande.gif') no-repeat 0 0; }
#btn_dl_bon:hover { background-position: 0 -36px; }
.btn_haut_page { position: absolute; bottom: 10px; right: 0; display: block; width: 20px; height: 21px; background: transparent url('img/ico_top.gif') no-repeat 0 0; }
.btn_haut_page:hover { background-position: 0 -21px; }
.btn_haut_page span { display: none; }
.btn_infos { position: absolute; bottom: 10px; right: 0; display: block; margin: 20px 0 0 0; width: 88px; height: 21px; background: transparent url('img/btn_infos.gif') no-repeat 0 0; }
.btn_infos:hover { background-position: 0 -21px; }
.btn_infos span { display: none; }
.btn_more { float: right; display: block; width: 26px; height: 26px; background: transparent url('img/btn_more.gif') no-repeat 0 0; }
.btn_more:hover, .btn_more .current { background-position: 0 -26px; }
.btn_more span { display: none; }
/* montage principal */
#wrapper { margin: 0 auto; padding: 10px 0 0 0; width: 920px; text-align: left; }
#header { margin: 0; padding: 0; width: 920px; height: 263px; background-color: #000; cursor: pointer; }
#top_menu { position: relative; width: 920px; height: 51px; background: transparent url(img/bg_top_menu.jpg) no-repeat 0 0; }
#top_menu .ss_menu { display:none; margin: 0; padding: 0; position: absolute; top: 45px; right: 25px; }
/*menu de navigation principal*/
#menu{ position: relative; width: 918px; height: 40px; background: transparent url('img/bg_menu.gif') repeat-x 0 0; }
#menu ul, #top_menu ul { display: inline; }
#menu ul li, #top_menu ul li { display: inline; padding: 0; margin: 0; }
#menu .ss_menu_2 { display:none; margin: 0; padding: 0; position: absolute; top: 40px; left: 14px; }
.menu_left { float: right; margin:10px 0 0 0; width: 204px; height: 28px; }
#menu_wd a { display:block; float:left; height:28px; background-image:url('img/menu_wd.gif'); }
#menu_wd a.nav { display: inline; float: none; height: auto; background:transparent url('img/carre.gif'); color:#fff; text-decoration: none; }
#menu_wd a.nav:hover { text-decoration: underline; }
#menu_wd a span { display: none; }
#mwd_association { width:92px; background-position:0 0; }
#mwd_association:hover, #mwd_association.current { background-position:0 -28px; }
#mwd_webzines { width:67px; background-position:-92px 0; }
#mwd_webzines:hover, #mwd_webzines.current { background-position:-92px -28px; }
#mwd_boutique { width:69px; background-position:-159px 0; }
#mwd_boutique:hover, #mwd_boutique.current { background-position:-159px -28px; }
#mwd_forum { width:56px; background-position:-228px 0; }
#mwd_forum:hover, #mwd_forum.current { background-position:-228px -28px; }
#mwd_contact { width:81px; background-position:-284px 0; }
#mwd_contact:hover, #mwd_contact.current { background-position:-284px -28px; }
.menu_right { float: left; width: 385px; height: 28px; }
#menu_mets a { display:block; float:left; height:28px; background-image:url('img/menu_mets.gif'); }
#menu_mets a.nav { display: inline; float: none; height: auto; background:transparent url('img/carre.gif'); color:#fff; text-decoration: none; }
#menu_mets a.nav:hover { text-decoration: underline; }
#menu_mets a span { display: none; }
#mm_news { width:84px; background-position:0 0; }
#mm_news:hover, #mm_news.current { background-position:0 -28px; }
#mm_groupe { width:103px; background-position:-84px 0; }
#mm_groupe:hover, #mm_groupe.current { background-position:-84px -28px; }
#mm_disco { width:97px; background-position:-187px 0; }
#mm_disco:hover, #mm_disco.current { background-position:-187px -28px; }
#mm_multi { width:81px; background-position:-284px 0; }
#mm_multi:hover, #mm_multi.current { background-position:-284px -28px; }
/* zone de recherche header */
#recherche_nav { }
#recherche_nav form { height: 28px; float: right; }
#recherche_nav input.valid { float: left; width: 36px; height: 28px; background: transparent url('img/btn_recherche.gif') no-repeat 0 0; border: 0; }
#recherche_nav input.recherche { float: left; padding: 6px 3px 3px 25px; width: 212px; height: 19px; font-size: 11px; color: #a9aba9; border: 0; background: #fff url('img/bg_recherche.gif') no-repeat 7px 9px; }
#recherche_nav #search_info { position: absolute; top: 30px; right: 50px; padding: 5px; font: normal 10px "Trebuchet MS"; }
/* flux RSS */
a.rss { float: right; margin: 6px 32px 0 0; padding-left: 22px; height: 22px; background: transparent url('img/logo_rss.gif') no-repeat 0 0; color: #fff; }
/* page recherche => résultats */
#resultats_recherche a { text-decoration: none; color: #fff; }
#resultats_recherche a:hover { text-decoration: underline; }
/* formulaire de recherche */
#main_search { padding: 20px 0; }
#main_search p { margin: 0; padding: 0 0 10px 0; clear: both; width: 400px; }
#main_search label { display: block; float: left; padding: 0 5px 0 0; width: 195px; }
#main_search select { width: 200px; }
#main_search input.saisie { padding: 2px; width: 194px; height: 16px; border:1px solid #292929; font: normal 11px "Trebuchet MS"; }
#main_search .valid input { float: right; width: 65px; height: 21px; background: transparent url('img/btn_envoyer.gif') no-repeat 0 0; border:0; cursor: pointer; }
/* classes principales */
.contenu { position: relative; float: left; margin: 40px 10px 40px 0; padding: 10px 10px 55px 10px; width: 587px; height: auto; border: 1px solid #292929; }
.contenu_home { position: relative; float: left; margin: 40px 0; padding: 0 0 10px 0; width: 609px; height: auto; background: transparent url('img/bg_contenu_home.gif') repeat-x 0 0 ; }
.contenu_long { position: relative; margin: 23px 0 40px 0; padding: 10px; width: auto; height: auto; border: 1px solid #292929; }
.col-droite { float:right; margin: 0; padding: 40px 0 0 24px; width: 277px; height: auto; background: #000; }
/* footer */
#footer { padding: 80px 0 0 110px; width: 816px; height: 19px; background: transparent url('img/bg_footer.jpg') no-repeat 0 top; }
#footer .credits { float: left; width: 400px; color:#ffcc00; font-size: 10px; }
#footer .liens { float: left; margin-right: 85px; width: 300px; text-align: right; font-size: 10px; }
#footer .liens a{ color:#fff; width: auto; text-decoration: none; }
#footer .liens a:hover { text-decoration: underline; }
/* box publicité */
.col-box { position: relative; margin: 0 0 12px 0; background-repeat: no-repeat; background-position: 0 0; line-height: 16px; }
#box_webzine { padding: 70px 85px 25px 25px; width: 166px; height: 107px; background-image: url('img/bg_box_webzine.gif'); }
#box_boutique { padding: 70px 100px 25px 20px; width: 157px; height: 169px; background-image: url('img/bg_box_boutique.gif'); }
#box_forum { padding: 65px 20px 0 20px; width: 236px; height: 137px; background-image: url('img/bg_box_forum.gif'); }
#box_forum .picto { position: absolute; top: -50px; right: 30px; }
#box_fb { padding: 75px 10px 0 20px; width: 246px; height: 136px; background-image: url('img/bg_box_fb.gif'); }
/* scrollbar */
#scrollbar { position: absolute; right: -2px; _right: 6px; top: 180px; }
#scroller { width: 600px; height: 433px; overflow: hidden; }
/* boutons addthis */
#browse_news .addthis_toolbox { margin-top: 10px; padding-top: 10px; border-top: 1px solid #fff; }
#browse_news .addthis_toolbox img { display: block; margin: 0 10px 0 0; }
#browse_news .addthis_default_style a { display: block; float: left; padding: 0; margin: 0; }
/* carousel */
#carousel { margin: 20px auto 0 auto; padding-top:0; width: 400px; height: 390px; overflow: scroll; border-width: 1px 5px; border-style: solid; border-color: #202020; }
#carousel ul { list-style: none; width: 1500px; margin: 0; padding: 0; position: relative; }
#carousel li { display: inline; float: left; }
#carousel strong { text-transform: uppercase; color:#000000; }
.textholder { text-align: left; font-size: small; padding: 6px; -moz-border-radius: 6px 6px 0 0; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; }
/* Montage pages */
#home { }
#home .picto_sg { position: absolute; z-index: 10; top: 279px; left: -75px; }
#home .case { float: left; margin: 0 5px 0 0; padding: 5px 10px 0 10px; width: 282px; height: 219px; background: transparent url('img/bg_case_home.jpg') no-repeat 0 0; }
#home .case h4 { float: left; margin: 0; padding: 10px 0 0 0; width: 185px; font: bold 12px "Trebuchet MS"; text-transform: uppercase; }
#home .case h4.title { float: none; margin: 0 0 20px 0; padding: 5px 0 0 0; width: auto; }
#home .case p { padding: 10px 0 0 0; color: #aeaeae; line-height: 16px; }
#home .case p a { color: #fff; }
#home .case em { float: right; font-size:11px; color: #ffcc00; }
#home .case img.visu { display: block; float: left; margin: 0 10px 0 0; width: 73px; font: normal 11px "Trebuchet MS"; color: #ffcc00; }
#home .case .savoir { margin-top: 10px; padding-top: 18px; text-align: right; background: transparent url('img/bg_savoir_home.gif') repeat-x 0 0; }
#home .case ul.topics { padding: 0; margin: 0; }
#home .case ul.topics li{ padding: 0 0 4px; margin: 0; }
#home .case ul.topics li a{ padding: 0 0 0 12px; background: transparent url('img/arrow.gif') no-repeat 0 5px; color: #ffffff; text-decoration: none; }
#home .case ul.topics li a:hover { color:#ffcc00; }
#home .stats { margin: 0 0 20px 0; padding: 20px 10px 10px 10px; height: 247px; background: transparent url('img/bg_stats_home.gif') repeat-x 0 0; }
#home .stats_boots { position: relative; float: left; margin: 0; padding: 0 5px 0 0; width: 290px; background: transparent url('img/bg_boot_home.gif') no-repeat right 0; }
#home .stats_live { float: left; margin: 0; padding: 0 0 0 15px; }
#home .stats img.sstitre { display: block; margin: 0 0 10px 0; }
#home .stats .cover { float: left; margin: 0 15px 0 0; padding: 2px 2px 10px 2px; width: 140px; height: 208px; text-align: center; background: transparent url('img/boot_bg_case.jpg') no-repeat 0 bottom; }
#home .stats .cover span { display: block; margin: 0; padding: 0 0 1px 0; font-size: 11px; }
#home .stats .cover .couv { display: block; margin: 0; padding: 0 0 5px 0; width: 140px; height: 140px; }
#home .stats_boot { float: left; width: 130px; }
#home .stats_boot span.sstitre { display: block; padding-bottom: 10px; margin: 0 0 5px 0; font-size: 14px; background: transparent url('img/bg_span_home.gif') repeat-x 0 bottom; }
#home .stats_boot ul { margin: 5px 0 15px 0; padding-left: 15px; }
#home .stats_boot a { color: #fff; text-decoration: none;}
#home .stats_boot a:hover { text-decoration: underline; }
#home .stats_live { width: 275px; }
#home .stats_live a { color: #fff; }
#home .stats_live td.fleche { padding-left: 12px; background: transparent url('img/arrow.gif') no-repeat 0 5px; }
#home .case.long { position: relative; float: none; /*margin-top:20px;*/margin:0; padding: 5px 15px 0 10px; width: 582px; _width:550px; height: auto; background: #000 url('img/bg_caselong_home.jpg') repeat-x 0 0; border-width:1px 1px 0 1px; border:1px solid #1a1a1a; }
#home .case.long h4 { float: none; margin: 0; padding: 10px 0 0 0; width: auto; font: bold 14px "Trebuchet MS"; text-transform: uppercase; }
#home .case.long p{ padding: 0; }
#home .case.long strong { display: block; padding: 10px 0; font-size: 14px; color:#ffcc00; }
#home .case.long ul { margin:0; padding:0; font-size:12px; }
#home .case.long ul li { padding:0 0 2px 0; }
#home .case.long ul li a { color:#fff; text-decoration:none; }
#home .case.long ul li a:hover { text-decoration:underline; }
#home .case.long .contenu_report { font-size:13px; padding: 10px 0 10px 10px; width:320px; text-shadow:2px 2px 1px #000; }
#home .case.long .picto_new { position: absolute; top: -20px; left: -20px; }
#home .case.long .screen { float: left; margin: 0 20px 20px 0; }
#home .case.long .bottom { font-size: 1px; margin-left: -10px; padding: 0; width: 609px; height: 10px; background: transparent url('img/bg_caselong_home.gif') no-repeat 0 -490px; }
#home .case.long .savoir { margin-top: 10px; padding-top: 5px; text-align: right; background: transparent; border-top:1px solid #1a1a1a; }
/* WHIPPING DANCERZ */
#association { }
#dons { }
#dons ul { margin: 15px 0; padding-left: 25px; }
#dons ul.paiement li { margin-bottom: 10px; }
#dons li { margin-bottom: 2px; }
#webzines { }
#webzines .case { position: relative; margin-bottom: 60px; padding-bottom: 10px; height: 186px; border-bottom: 1px solid #292929; }
#webzines .couv { float: left; margin: 0 10px 0 0; width: 130px; height: 184px; border: 1px solid #333235; }
#webzines .sommaire { float: left; width: 445px; text-align: justify; }
#webzines .infos { position: absolute; bottom: 10px; left: 140px; width: 320px; font: italic 11px "Trebuchet MS"; color: #888888; }
#webzine { }
#webzines h2 { margin-top:-7px; }
#webzine img { border: 1px solid #333235; }
#webzine h3.titre { float: left; margin: 0 0 10px 0; padding: 2px 0 10px 5px; width: 334px; font: bold 16px Trebuchet MS; background: #151313; }
#webzine img.titre_section { border: 0; }
#webzine .couv { float: left; margin: 0 10px 10px 0; }
#webzine .sommaire { float: left; margin-bottom: 10px; width: 300px; text-align: justify; }
#webzine .sommaire ul { padding-left: 20px; margin: 10px 0 10px 20px; list-style-type: circle; }
#webzine .screenshot { float: left; margin-right: 10px; width: 330px; }
#webzine .webzines_list { position: absolute; top: 10px; right: 10px; }
#webzine .href_webzine { display: block; margin: 10px 0; }
#webzine .annonce { float: left; width: 240px; margin: 0 0 5px 0; color: #888888; }
#staff { }
#staff img.titre_section { border: 0; }
#staff img { margin: 0 0 15px 0; }
#staff h3 { float: left; margin: 0 10px 10px 0; font: bold 16px 'Trebuchet MS'; color: #ffcc00; }
#staff .case { position :relative; margin-bottom: 10px; padding-bottom: 35px; width: 584px; background: transparent url('img/dot.gif') repeat-x 0 bottom; text-align: justify; }
#staff .avatar { float: left; margin-right: 20px; width: 114px; }
#staff .presentation { float: left; width: 440px; }
#staff .detail { background: transparent url('img/dot.gif') repeat-x 0 bottom; }
#staff .contact { position: absolute; bottom: 10px; right: 0; padding: 3px 0 0 32px; height: 26px; background: transparent url('img/ico_mail.gif') no-repeat 0 0; }
#contact { }
#contact #formulaire .mentions { text-align: left; }
#contact #formulaire .valid input { float: right; margin-right: 140px; _margin-right: 137px; width: 65px; height: 21px; background: transparent url('img/btn_envoyer.gif') no-repeat 0 0; border:0; }
#contact .mentions { text-align: center; }
/* METALLICA */
#metclub { }
#metclub ul { list-style-type: square; margin: 10px 0 0 0; padding: 0 0 0 20px; }
#metclub li { margin: 0; padding: 0 0 5px 0; }
#metclub strong.sstitre { display: block; margin: 20px 0; text-transform: uppercase; font-size: 16px; }
#news { }
#news em, #browse_news em { font-size: 11px; color:#acacac; }
#news img.apercu, #browse_news img.apercu { float: right; margin: 0 0 0 15px; border: 1px solid #333235; max-width: 180px; }
#news .case, #browse_news .case { position: relative; margin-bottom: 60px; padding: 10px 0; }
#news .contenu_news, #browse_news .contenu_news{ margin: 0 0 5px 0; padding: 10px 0 20px 0; border-bottom: 1px solid #4e4e4e; text-align: justify; }
#news .btn_haut_page, #browse_news .btn_haut_page { bottom: 20px; }
#browse_news img.titre_section { margin-bottom: 0; }
#tour { }
#tour h2 { margin: 20px 0 10px 0; }
#tour h3 { margin: 0 0 10px 0; font: bold 14px "Trebuchet MS"; }
#tour p { padding: 0 0 5px 0; }
#tour img.tour_intro { float: right; margin-left: 15px; border: 1px solid #333235; }
#tour .case { float: left; margin: 20px 15px 0 0; padding: 5px; width: 266px; border: 1px solid #151313; background: #000; }
#tour table td.titre { padding: 14px 0 18px 5px; height: 30px; color: #fff; font: bold 14px "Trebuchet MS"; background-image: url('img/bg_titre.gif'); background-position: 0 top; }
#tour .case.stats { padding-top: 0; }
#tour .case.stats h2 { margin: 0 0 20px 0; padding: 10px 0; height: auto; background: #000; border-bottom: 1px solid #fff; }
#showtour { }
#showtour table tr.chapeau td, #tour table tr.chapeau td { font-weight: bold; }
#showtour table tr.annule td { color: #ff3c00; }
#showtour table td, #tour table td { padding: 1px 2px; }
#showtour table td.arrow, #tour table td.arrow { padding-left: 12px; background: transparent url('img/arrow.gif') no-repeat 0 6px; }
#showtour table td.empty,#tour table td.empty { height: 10px; padding-bottom: 10px; }
#browse_tour { }
#browse_tour h3 { margin: 0 0 10px 0; padding-bottom: 10px; border-bottom: 1px solid #fff; text-transform: uppercase; font-size: 12px; }
#browse_tour span { color: #ffcc00; }
#browse_tour p.select { padding: 0 0 3px 0; }
#browse_tour a.display_boot { display: block; margin: 10px 0; }
#browse_tour #result_boot { margin: 10px 0; padding-left: 20px; }
#browse_tour #result_boot ul { margin: 0; padding: 0; }
#browse_tour #result_boot ul li { margin: 0; padding: 0 0 5px 0; }
#browse_tour #result_boot ul li a { text-decoration: none; }
#browse_tour #result_boot ul li a:hover { text-decoration: underline; }
#liens { }
#liens h2 { margin: 40px 0 20px 0; }
#liens h2 a { color:#fff; text-decoration:none; }
#liens textarea { padding: 2px 3px; width: 492px; height: 50px; overflow: auto; border: 1px solid #292929; font: normal 11px "Trebuchet MS"; }
#liens ul { list-style-type: none; padding: 0; margin: 10px 0 20px 0; }
#liens ul li { display: inline; padding: 0 5px 0 0; }
#liens .head { padding: 2px; border: 1px solid #333235; background: #333235; font: normal 13px "Trebuchet MS"; text-transform: uppercase; }
#liens .head a { color: #fff; }
#liens .head a:hover { color: #ffcc00; }
#liens .case { position: relative; margin: 0 0 20px 0; padding: 10px 10px 0 10px; width: 565px; border: 1px solid #333235; }
#liens .case .logo { float: left; margin-right: 5px; }
#liens .case .bandeau { float: left; padding: 0; width: 500px; background: #000; border: 1px solid #333235; text-align: center; }
#liens .case .description { padding: 10px 0; }
#liens .btn_haut_page { bottom: 5px; right: 5px; }
#credits { }
#credits h2 { margin: 20px 0; font-size: 14px; }
#bio { }
#bio h2 { margin: 0 0 15px 0; padding-bottom: 15px; background: #000000; border-bottom: 1px solid #fff; }
#bio .intro, #bios .intro { padding: 0 0 10px 0; margin-bottom: 10px; font-style: italic; border-bottom: 1px solid #fff; }
#bio .infos span { color:#ffcc00; }
#bio .cadre { padding:10px; text-align: justify; }
#bio .histoire { padding: 10px 0 20px 0; }
#bio .case { margin: 0 0 20px 0; padding: 10px; background: #151314; }
#bio .case span { color: #ffcc00; }
#bio .case strong { font-style:italic; }
#bio .portraits_list { position: absolute; top: 10px; right: 10px; }
#bios { }
#bios .toggle_div { padding: 20px 0; }
#bios h2 { margin: 0; padding: 0 0 10px 0; background: #000000 url('img/dot.gif') repeat-x 0 bottom; cursor: pointer; }
#bios h2 a { float: right; display: block; width: 26px; height: 26px; background: transparent url('img/btn_more.gif') no-repeat 0 0; }
#bios h2 a:hover, #bios h2.current a { background-position: 0 -26px; }
#bios h2 a span { display: none; }
#bios .case { margin: 0; height: auto; padding: 5px 10px 10px 10px; background: #151314; }
#bios .case span { color: #ffcc00; }
#bibliographie { }
#bibliographie h2 { margin: 20px 0 10px 0; padding: 14px 0 10px 5px; height: 28px; color: #fff; background-image: url('img/bg_titre.gif'); background-position: 0 top; }
#bibliographie a.pdf { padding-left: 15px; color:#fff; background: transparent url('img/arrow.gif') no-repeat 0 6px; }
#bibliographie .visu { float: left; margin: 0 20px 0 0; }
#bibliographie .visu img { display: block; margin: 0 0 10px 0; }
#bibliographie .left span { color: #ffcc00; }
#album { }
/* menu album */
#menu_album { padding: 20px 0 0 20px; background: transparent url('img/dot.gif') repeat-x 0 top; }
#menu_album a { display:block; float:left; margin: 0 40px 0 0; height:50px; background-image:url('img/menu_album.gif'); }
#menu_album a span { display: none; }
#ma_critiques { width:96px; background-position:0 0; }
#ma_critiques:hover, #ma_critiques.current { background-position:0 -51px; }
#ma_live { width:52px; background-position:-96px 0; }
#ma_live:hover, #ma_live.current { background-position:-96px -51px; }
#ma_tracks { width:76px; background-position:-148px 0; }
#ma_tracks:hover, #ma_tracks.current { background-position:-148px -51px; }
#ma_singles { width:85px; background-position:-224px 0; }
#ma_singles:hover, #ma_singles.current { background-position:-224px -51px; }
#ma_clips { width:58px; background-position:-309px 0; }
#ma_clips:hover, #ma_clips.current { background-position:-309px -51px; }
#album h2, #single .infos h2, #dvd .infos h2 { margin: 0 0 15px 0; padding: 0; color: #fff; text-transform: uppercase; font-size: 20px; background: #000; border-bottom:1px solid #fff; }
#album h3.analyse { margin-bottom: 20px; padding: 0 0 10px 0; background: transparent url('img/dot.gif') repeat-x 0 bottom; }
#album .detail_album h3, #single h3.single_h3, #dvd .detail_dvd h3 { margin: 0 0 10px 0; padding-bottom: 10px; font-size: 16px; color: #fff; border-bottom:1px solid #fff; }
#album .detail_album .couv, #single .detail_single .couv, #dvd .detail_dvd .couv { float: left; margin: 0; padding: 0 20px 0 0; width: 220px; text-align: right; }
#album .detail_album .couv img { display: block; margin: 0; }
#album .detail_album .couv a, #single .detail_single .couv a, #dvd .detail_dvd .couv a{ color:#ffffff; text-decoration: none; }
#album .detail_album .couv a:hover, #single .detail_single .couv a:hover, #dvd .detail_dvd .couv a:hover { text-decoration: underline; }
#album .detail_album .infos, #single .detail_single .infos, #dvd .detail_dvd .infos { float: left; margin: 0; padding: 0; width: 347px; }
#album .detail_album .infos span, #album #disco_live span, #dvd .detail_dvd .infos span { color: #ffcc00; }
#lineup { float: left; width: 347px; }
/* 5 onglets dans la page album, styles particuliers */
#disco_analyse, #disco_live, #disco_track, #disco_single, #disco_clip{ padding-top: 20px; text-align: justify; background: transparent url('img/dot.gif') repeat-x 0 top; }
#album #disco_analyse strong, #disco_live strong { color: #ffcc00; }
#album #disco_analyse span { font-size: 18px; font-style: italic; }
#album #disco_live strong { font-weight: bold; color: #e8eae7; font-size: 14px; text-transform: uppercase; }
#album #disco_track strong { display: block; font-size: 14px; margin: 0 0 5px 0; color: #ffcc00; }
#album #disco_track span { display: block; padding-left: 12px; margin: 0; font-style: italic; }
#album #disco_track p { margin: 10px 0 30px 0; padding: 12px; border-bottom: 1px solid #292929; border-top: 1px solid #292929; background: #151314; }
#album #disco_clip { padding-bottom: 20px; }
#album #disco_clip img { float: left; margin-right: 20px; }
#album #disco_clip span { display: block; font-size: 16px; font-weight: bold; text-transform: uppercase; padding-left: 14px; background: transparent url('img/arrow.gif') no-repeat 0 6px; }
#album #disco_clip strong { color: #ffcc00; }
#album #disco_clip .clip { margin: 0 0 20px 0; padding: 0 0 20px 0; background: transparent url(img/dot.gif) repeat-x 0 bottom; }
#single { }
#single .infos h2 { margin-bottom: 0; }
#single .infos strong { display: block; font-style: italic; font-size: 14px; }
#single .detail_single .couv { text-align:right; }
#dvd { }
#dvd .detail_dvd #disco_analyse span { color: #ffcc00; }
#traduction { }
#traduction .trad_header { margin:0; padding: 0 0 15px 0; background: transparent url(img/dot.gif) repeat-x 0 bottom; }
#traduction .trad_header img { display: block; float: left; margin: 0 10px 0 0; }
#traduction .trad_header p { float: left; margin: 0; padding: 0; }
#traduction .trad_header strong { display: block; margin: 0 0 2px 0; text-transform: uppercase; font-size: 14px; }
#traduction .trad_header span { display: block; margin: 0 0 2px 0; font-style: italic; font-weight: bold; }
#traduction .case { float: left; margin: 0; padding: 10px 20px; text-align: center; width: 400px; }
#traduction .case h3 { margin: 0 0 5px 0; padding: 0; text-transform: uppercase; font-size: 18px; }
#traduction .case span { margin: 0; padding: 0; text-transform: uppercase; font-size: 12px; color:#ffcc00; }
#traduction .case p { margin: 0; padding: 20px 0 0 0; }
/* sélecteur unique pour la bootlegraphie */
#bootlegraphie { }
#bootlegraphie h3 { margin: 0; padding: 20px 0; font: normal 14px "Trebuchet MS"; }
#bootlegraphie .stats_boot { float: left; margin: 0 15px 20px 0; _margin-right: 5px; padding: 60px 12px 12px 12px; width: 246px; height: 480px; background: transparent url('img/boot_bg_stats.jpg') no-repeat 0 0; }
#bootlegraphie .stats_boot li a{ color:#fff; text-decoration: none; }
#bootlegraphie .stats_boot li a:hover{ text-decoration: underline; }
#bootlegraphie .stats_boot ul.first { margin: 10px 0; padding: 0; }
#bootlegraphie .stats_boot ul.first li { margin: 0; padding: 0 0 5px 15px; font: bold 13px "Trebuchet MS"; background: transparent url('img/arrow.gif') no-repeat 0 5px; }
#bootlegraphie .stats_boot ul.first li.none { font: italic 11px "Trebuchet MS"; color: #8a8a8a; background: none; }
#bootlegraphie .stats_boot ul.first ul.second { margin: 0; padding-left: 15px; }
#bootlegraphie .stats_boot ul.first ul.second li { margin: 0; padding: 0 0 2px 0; font: normal 12px "Trebuchet MS"; background: none; }
#bootlegraphie .stats_boot .intro { margin: 0 0 10px 0; padding: 0 0 20px 0; background: transparent url('img/boot_bg_intro.gif') no-repeat 0 bottom; }
#bootlegraphie .main_boot { float: left; margin: 0 0 20px 0; padding: 40px 12px 0 12px; width: 606px; height: auto; background: transparent url('img/boot_bg_main.jpg') no-repeat 0 0; }
#bootlegraphie .main_boot .bottom { margin-left:-12px; width: 628px; height: 12px; *font-size: 1px; background: transparent url('img/boot_bg_main2.jpg') no-repeat 0 -2988px; }
#bootlegraphie .main_boot h4 { margin: 0; padding: 20px 0; font: normal 18px Trebuchet MS; text-align: center; }
#bootlegraphie .main_boot .albums_list { top: 35px; right: 15px; }
#bootlegraphie .main_boot .case { float: left; position: relative; margin: 0 6px 0 0; padding: 2px 2px 10px 2px; background: transparent url('img/boot_bg_case.gif') no-repeat 0 bottom; }
#bootlegraphie .main_boot .case { margin: 25px 9px 0 0; padding: 2px 2px 10px 2px; width: 140px; height: 208px; text-align: center; background: transparent url('img/boot_bg_case') no-repeat 0 bottom; }
#bootlegraphie .main_boot .case span { display: block; margin: 0; padding: 0 0 1px 0; font-size: 11px; }
#bootlegraphie .main_boot .case .picto { position: absolute; top: -25px; right: -10px; z-index: 2; }
#bootlegraphie .main_boot .case .couv { display: block; margin: 0; padding: 0 0 5px 0; width: 140px; height: 140px; }
#bootlegraphie .main_boot .outro { margin: 0; padding: 30px 0 0 0; text-align: center; }
/* showbootleg */
#bootlegraphie .titre_boot { margin: 0; padding: 20px 0 5px 0; font: normal 14px "Trebuchet MS"; }
/* formulaire de tri */
#form_ordre select { float: left; margin-right: 10px; width: 100px; }
#form_ordre input.valid { float: left; width: 65px; height: 21px; background: transparent url('img/btn_envoyer.gif') no-repeat 0 0; border:0; cursor: pointer; }
table.showboot, table.showboot table { margin: 0; border: 0; border-collapse: collapse; }
table.showboot td { background: #000; }
table.showboot td table td { border: 1px solid #202020; }
table.showboot tr.head td { font-weight: bold; border: 1px solid #202020; color: #fc0; background: #333; text-align: center; }
table.showboot tr.empty td { background: transparent; border-bottom: 1px solid #202020; _height: 2px; font-size: 1Px; }
table.showboot tr.tablefooter td { padding: 0; border:0; height:6px; background: transparent url('img/bg_tablefooter.gif') no-repeat 0 bottom; }
table.showboot a { color: #fff; text-decoration: none; }
table.showboot a:hover { text-decoration: underline; }
table.showboot a.more { color: #ffcc00; text-decoration: underline; }
table.showboot a.more:hover { text-decoration: none; }
/* browse_bootleg */
#bootlegraphie .boot_sheet h4 { margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #fff; font: bold 13px "Trebuchet MS"; text-align: left; }
#bootlegraphie .boot_sheet { padding-top: 25px; min-height: 504px; }
#bootlegraphie .boot_sheet .case { margin: 0 10px 0 0; height: 193px; background-image: url('img/bootleg_bg_case.gif'); }
#bootlegraphie .boot_sheet .case.dvd { height: 243px; background-image: url('img/bootleg_bg_case_dvd.gif'); }
#bootlegraphie .boot_sheet .case.dvd .couv { height: 190px; }
#bootlegraphie .boot_sheet .details_boot { float: left; padding: 0 0 10px 0; width: 452px; }
#bootlegraphie .boot_sheet .details_boot span { color:#8a8a8a; }
#bootlegraphie .boot_sheet .case_info { margin: 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #202020; }
#bootlegraphie .boot_sheet .case_info span, #bootlegraphie .boot_sheet .covers span { display: block; margin: 0; padding: 0 0 10px 0; color:#8a8a8a; }
#bootlegraphie .boot_sheet .covers { padding: 10px 0; text-align: center; }
#bootlegraphie .boot_sheet .covers img { padding: 0 2px 2px 0; background: #202020; }
#clips { }
#clips .intro { text-align: justify; margin: 0; padding: 0 0 20px 0; }
#clips .player { margin: 0 auto; padding-top: 20px; width: 550px; }
#clips #form_selectclip p { float: left; padding: 0 10px 10px 0; }
#clips #form_selectclip .valid input { float: left; width: 65px; height: 21px; background: transparent url('img/btn_envoyer.gif') no-repeat 0 0; border:0; cursor: pointer; }
#photos { }
#photos .titre_album { margin: 0 0 10px 0; padding: 20px 0 10px 0; width: auto; font: normal 20px "Trebuchet MS"; border-bottom: 1px solid #ffcc00; text-align: center; }
#photos .intro { padding: 10px; background:#202020; border:1px solid #414141; text-align: justify; }
#photos .diaporama { margin: 0 auto; width: 900px; }
/* formulaire */
#formulaire { margin-top: 20px; }
#formulaire p { margin: 0 0 10px 0; padding: 0; clear: both; }
#formulaire label { float: left; display: block; margin-right: 5px; width: 150px; }
#formulaire input { padding: 2px; width: 286px; height: 16px; font: normal 11px "Trebuchet MS"; color: #888888; border: 1px solid #292929; }
#formulaire textarea { padding: 2px; width: 286px; height: 86px; font: normal 11px "Trebuchet MS"; color: #888888; border: 1px solid #292929; overflow: auto; }
#formulaire select { width: 291px; }
#formulaire p.valid input { float: right; width: 100px; height: 22px; background: #000; color: #fff; cursor: pointer; }
/* formulaire avec Select ( galerie, clips) */
#form_select { margin: 20px auto; padding: 10px; width: 365px; background: #0f0f0f; border: 1px solid #202020; }
#form_select h4 { margin: 0 0 10px 0; padding: 0 0 10px 0; font: normal 16px "Trebuchet MS"; color: #ffcc00; border-bottom: 1px solid #ffffff; }
#form_select p { clear: both; margin: 0; padding: 0 0 5px 0; }
#form_select label { display: block; float: left; padding-right: 5px; padding-left: 12px; width: 198px; background: transparent url('img/arrow.gif') no-repeat 0 5px; }
#form_select select { margin: 5px 0; width: 365px; }
#form_select .valid input { float: right; width: 65px; height: 21px; background: transparent url('img/btn_envoyer.gif') no-repeat 0 0; border:0; cursor: pointer; }