@charset "utf-8";

/* Core */
body{background:#fff;font-size:1em;margin:0;padding:0;font-family: 'Open Sans', arial, Helvetica,sans-serif;}
a img{border:none}
a{color:#00809D}
a:hover{color:#88C305}
fieldset {border:1px solid #ccc;margin-bottom:10px;padding:10px;-moz-border-radius:3px;-webkit-border-radius:3px}
legend {background:#eee;border:1px solid #ccc;font-weight:700;padding:2px 5px;-moz-border-radius:3px;-webkit-border-radius:3px;color:#333}
pre{font-size:1.1em;line-height:1.2em;}
h1, h2, h3, h4 {display: inline;}
h3{font-weight:normal}
h1, h2, h3 {padding-bottom:2px;font-family: "Lobster", arial, cursive;color:#00809d;}
h1 a, h2 a,h3 a {text-decoration:none}
h1 span, h1 span a, h1 b, h2 span, h2 span a, h3 span, h3 span a {color:#88c305}
h1:after, h2:after, h3:after { background: #343A41;content: "";display: block;height: 1px; width: 100%;margin-bottom:8px}
p {text-align:justify}
.blacktitle {color:#343A41}
.text-right{text-align:right !important;}
ul {list-style:none;padding-left:0;}
ol.tops li, ul.news li {border-bottom:1px solid #eee;padding:2px 0}
aside ul.news span{font-size:.8em;color:#aaa;}
.submit_btn, a .submit_btn {background:#00809D;border: none;cursor: pointer;font-size: 0.9em;padding:5px;color:#fff;text-decoration:none;font-weight:bold;text-align:center;}
.submit_btn:hover, a .submit_btn:hover{background:#343A41;}
.forms{width:100%;border:1px solid #E9E9E9;padding:5px}
.centered{text-align:center!important;}
/* CMP */
#ot-sdk-btn-floating .ot-floating-button__front{background:#88C305!important}
#ot-sdk-btn-floating.ot-floating-button.ot-pc-open .ot-floating-button__back{background:#00809D!important}
#onetrust-banner-sdk .ot-sdk-button:focus,
#onetrust-banner-sdk :not(.ot-leg-btn-container)>button:focus,
#onetrust-banner-sdk input[type="submit"]:focus,
#onetrust-banner-sdk input[type="reset"]:focus,
#onetrust-banner-sdk input[type="button"]:focus,
#onetrust-pc-sdk .ot-sdk-button:focus,
#onetrust-pc-sdk :not(.ot-leg-btn-container)>button:focus,
#onetrust-pc-sdk input[type="submit"]:focus,
#onetrust-pc-sdk input[type="reset"]:focus,
#onetrust-pc-sdk input[type="button"]:focus,
#ot-sdk-cookie-policy .ot-sdk-button:focus,
#ot-sdk-cookie-policy :not(.ot-leg-btn-container)>button:focus,
#ot-sdk-cookie-policy input[type="submit"]:focus,
#ot-sdk-cookie-policy input[type="reset"]:focus,
#ot-sdk-cookie-policy input[type="button"]:focus
{
	outline:none!important;
}
.__fs-ancillary {display:none!important}
/* Headings Bar */
header{background:#fff;}
#topbar {background: #343a41;color: #fff;padding:5px 0;}
#search input.glass {cursor: pointer;border:none;display: block;padding: 10px 13px;position: absolute;right: 0;height: 14px;width: 12px;background:url(../img/sprite_flat.png) 0 -40px;z-index:999;}
#search #search_input {background: #55606e;border: 1px solid #000;color: #CCC;padding: 6px 25px 4px 6px;}
.alpha a {color:#fff; text-decoration:none;padding:6px 4px;font-size:1em;}
.alpha a:hover{font-weight:bold;color:#00809d;border-bottom:3px solid #00809d }
#leadboard {height:90px;margin:15px 0;text-align:center !important;}
.logo{padding:15px !important}
nav a {font-size:0.9em}
#write .column, #write .columns {margin-bottom:15px}
li.focus_blue{background:#00809D}
li.focus_orange{background:#F39C12}
li.focus_green{background:#88C305}
li.focus_blue:hover,li.focus_green:hover{background:#F5F5F5}
.sublevel{background:url(../img/sprite_flat.png) no-repeat 0 -160px !important;margin:5px 0;}

/* footer */
footer {background:#343a41;padding: 10px 0;text-align: left;}
footer .block_head {font-family: "Lobster", arial, cursive;color:#fff;font-size:1.2em}
footer .block_head.ft {color:#00809D;}
footer ul.ft li a {color:#fff;display:block;float:left;padding:5px}
footer ul.ft li:after {content:"/";display:block;float:left;width:5px;color:#00809D}

footer ul.ft li a:hover {color:#00809D;}
footer li a {color:#00809d;font-size: 0.8em;}
footer li .parenth, .copyright a {color:#55606E;font-size: 0.8em;}
.xiti{display:none;}
.copyright{font-size:0.9em;color:#ccc;}
footer ol.tops li {border-bottom:1px solid #434b54;padding:0}
footer ol.tops li a {text-decoration:none;}
/* Sidebar */
#wide_sky{height:600px;background:#ddd}
.block_head{padding:3px;background:#343a41;color:#fff;margin:15px 0;font-family: "Lobster", arial, cursive;font-size:1.2em;}

.register_btn {background:#00809D;margin:15px 0;padding:15px;}
a .register_btn, .register_btn a {text-decoration:none !important;color:#fff;}

.crd_btn {background:#00809D;margin-top:15px}
.crd_btn:hover {background:#88C305;}
.crd_btn b {font-family: "Lobster", arial, cursive;font-size:1.4em;font-weight:normal;color:#88C305}
.crd_btn:hover b, .crd_btn b:hover {color:#fff;}
.crd_btn i {font-style:normal;text-transform:uppercase;}


a .crd_btn {text-decoration:none !important;color:#fff;}
.search_by_chords {background:url(../img/sprite_flat.png) no-repeat 0 -255px !important;min-width:96px;min-heigh:96px;}

ol {margin-left:30px;padding:0;}
#rankings li {border-bottom:1px solid #CDD0D4;text-align:left;margin:0;padding:0;}
#rankings .rank_row .rank_pts {text-align:right;width:60px;display:block;float:right}

/* page */
#breadcrumbs{font-size: 0.7em;padding: 10px 15px;}
#breadcrumbs div {float:left;width:auto}
#breadcrumbs a {background: url(../img/sprite_flat.png) no-repeat 100% -1px; padding: 0 20px 0 0; text-decoration: none;color:#666}
#breadcrumbs a:hover{text-decoration: underline;}
#breadcrumbs .current {background: none;color: #999;font-style:italic}
.page{background:#fff;padding-bottom:15px;font-size:0.9em;}
#intro{padding:15px;background:#E9E9E9;color:#00809d;margin:15px 0;}

.disclaimer{font-size:0.8em;text-align:justify;}

img.round {-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
img.img_table {width:24px;height:24px;}


.login_t{font-size:1.4em;}

/* Main Styles */
.error_msg {min-height:70px;background:#fbe0b4 url(../img/sprite_flat.png) -246px -12px no-repeat;border:1px solid #F39C12; margin: 5px 0;padding:10px 10px 10px 80px;}
.info_msg {min-height:70px;background:#ecf0f1 url(../img/sprite_flat.png) -246px -255px no-repeat;border:1px solid #bdc3c7; margin: 5px 0;padding:10px 10px 10px 80px}
.ico16, .ico24, .ico48{ background: url(../img/sprite_flat.png) no-repeat;vertical-align: middle;}
.b{font-weight:bold}
.i{font-style:italic}
.parenth{color:#aaa}
.parenthbis{color:#999}
.required{font-weight:bold;color:#f39c12;}
.parenth a{color:#999}
.ico16 {height: 16px;width: 16px;}
.ico24 {height: 24px;width: 24px;}
.ico48 {height: 48px;width: 48px;margin-right:12px}

/* icons */
.bchome {background-position:-28px -44px;margin-right:5px}
.adv{background-position:-48px -40px;margin:7px}
.fb{background-position:-48px -64px;}
.rss{background-position:0 -64px;}
.twe{background-position:-96px -64px;}
.fav{background-position:-144px -64px;}
.up{background-position:-173px -43px;}
.down{background-position:-150px -43px;}
.equal{background-position:-125px -43px;}
.male{background-position:-77px -43px;}
.female{background-position:-100px -43px;}
.fans{background-position:-5px -200px;}
.site{background-position:-173px -200px;}
.bio{background-position:-149px -200px;}
.flag{background-position:-77px -200px;}
.add{background-position:-101px -200px;}
.print{background-position:-125px -200px;}
.rhy{background-position:-30px -200px;}
.coms{background-position:-52px -200px;}
.vid{background-position:-196px -202px;}
.tick{background-position:-150px -165px;}
.cross{background-position:-196px -165px}
.warn{background-position:-173px -165px}
.yes{background-position:-192px -225px}
.no{background-position:-168px -225px}
.lu{background-position:-281px -196px;}
.nonlu{background-position:-256px -196px;}
.sendpm, .edit{background-position:-305px -200px;}
.pprev{background-position:-219px -167px}
.pnext{background-position:-220px -140px}
.random{background-position:-125px -163px;}

a.get_random {background-color:#00809D;}
a.get_random:hover {background-color:#88C305;border-bottom:none;}

.w3c{background: url(../img/sprite_flat.png) no-repeat -45px -116px;height:20px;width:96px;float:right}
.ico_stars{ background: url(../img/sprite_flat.png) no-repeat;vertical-align: middle;height: 16px;width: 80px;}
.star_10 {background-position:0 -236px}
.star_9 {background-position:0 -222px}
.star_8 {background-position:-16px -236px}
.star_7 {background-position:-16px -222px}
.star_6 {background-position:-32px -236px}
.star_5 {background-position:-32px -222px}
.star_4 {background-position:-48px -236px}
.star_3 {background-position:-48px -222px}
.star_2 {background-position:-64px -236px}
.star_1 {background-position:-64px -222px}
.star_0 {background-position:-80px -236px}

/* Livevalid */
.recaptchatable{background:#fff}
.LV_validation_message{font-weight:700;margin:0 0 0 5px}
.LV_valid{color:#619426}
.LV_invalid{color:#f39c12}
.LV_valid_field,input.LV_valid_field:hover,input.LV_valid_field:active,textarea.LV_valid_field:hover,textarea.LV_valid_field:active{border:1px solid #619426}
.LV_invalid_field,input.LV_invalid_field:hover,input.LV_invalid_field:active,textarea.LV_invalid_field:hover,textarea.LV_invalid_field:active{border:1px solid #f39c12}


/* LightBox */
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}
#cboxOverlay{position:fixed;width:100%;height:100%;background:url(../img/cbox/overlay.png) 0 0 repeat}
#cboxMiddleLeft,#cboxBottomLeft{clear:left}
#cboxContent{position:relative;overflow:visible;background:#fff}
#cboxLoadedContent{overflow:auto;margin-bottom:28px}
#cboxLoadedContent iframe{display:block;width:100%;height:100%;border:0}
#cboxTitle{font:85%/.9 arial, helvetica, sans-serif;position:absolute;bottom:3px;left:0;text-align:center;width:100%;color:#928F83;margin:0}
#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%}
#cboxTopLeft{width:21px;height:21px;background:url(../img/cbox/controls.png) -100px 0 no-repeat}
#cboxTopRight{width:21px;height:21px;background:url(../img/cbox/controls.png) -129px 0 no-repeat}
#cboxBottomLeft{width:21px;height:21px;background:url(../img/cbox/controls.png) -100px -29px no-repeat}
#cboxBottomRight{width:21px;height:21px;background:url(../img/cbox/controls.png) -129px -29px no-repeat}
#cboxMiddleLeft{width:21px;background:url(../img/cbox/controls.png) left top repeat-y}
#cboxMiddleRight{width:21px;background:url(../img/cbox/controls.png) right top repeat-y}
#cboxTopCenter{height:21px;background:url(../img/cbox/border.png) 0 0 repeat-x}
#cboxBottomCenter{height:21px;background:url(../img/cbox/border.png) 0 -29px repeat-x}
#cboxCurrent{position:absolute;bottom:3px;left:58px;color:#928F83}
#cboxSlideshow{position:absolute;bottom:3px;right:30px;color:#0092ef}
#cboxPrevious{position:absolute;bottom:0;left:0;background:url(../img/cbox/controls.png) -75px 0 no-repeat;width:25px;height:25px;text-indent:-9999px}
#cboxPrevious.hover{background-position:-75px -25px}
#cboxNext{position:absolute;bottom:0;left:27px;background:url(../img/cbox/controls.png) -50px 0 no-repeat;width:25px;height:25px;text-indent:-9999px}
#cboxNext.hover{background-position:-50px -25px}
#cboxLoadingOverlay{background:url(../img/cbox/loading_background.png) center center no-repeat}
#cboxLoadingGraphic{background:url(../img/cbox/loading.gif) center center no-repeat}
#cboxClose{position:absolute;bottom:0;right:0;background:url(../img/cbox/controls.png) -25px 0 no-repeat;width:25px;height:25px;text-indent:-9999px;border:none;}
#cboxClose.hover{background-position:-25px -25px;cursor:pointer}

/* ToolTip */
#simpleTooltip{background:#333;color:#fff;font-family:Arial;font-size:11px;-moz-border-radius:5px;-webkit-border-radius:5px;padding:5px;max-width:250px}
.tooltip{cursor:pointer}

/* pagination */
.pagination {margin:15px;display:block;}
.pagination a, .pagination .current {padding: 6px;margin-right:1px;background:#EEE;text-decoration: none;color: #333;text-align:center;width:1em}
.pagination a:hover {background: #00809D;color:#fff}
.pagination .current {background:#88C305;color: #333;}


/* cookies */
#cookie-bar {background:#25292e; height:auto; line-height:24px; color:#eeeeee; text-align:center; padding:5px 0;font-size:0.85em;}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;text-align:center !important;}
#cookie-bar a {color:#ffffff; display:inline-block; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:#00809D;}
#cookie-bar .cb-enable:hover {background:#88C305;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}
/* datepicker */
.datepicker{border-collapse:collapse;border:1px solid #3a3a3a;position:absolute}
.datepicker tr.controls th{height:22px;font-size:11px}
.datepicker select{font-size:11px}
.datepicker tr.days th{height:18px}
.datepicker tfoot td{height:18px;text-align:center;text-transform:capitalize}
.datepicker th,.datepicker tfoot td{background:#0069B3;font:10px/18px Verdana, Arial, Helvetica, sans-serif;color:#fff}
.datepicker tbody td{width:24px;height:24px;border:1px solid #ccc;font:11px/22px Arial, Helvetica, sans-serif;text-align:center;background:#fff}
.datepicker tbody td.date.over{background-color:#9fde00;color:#3a3a3a}
.datepicker tbody td.date.chosen{font-weight:700;color:#fff;background-color:#619426}

/* Pages */
/* Partners */
.partner{padding:10px 0;}
.partner img{float:left;margin: 0 10px 10px 0;}
.pimg{height:90px;}
a.arrow{padding-left:20px;background: url(../img/sprite_flat.png) no-repeat -310px -172px;}

/* Profil */
#profile{background:#eee;border:solid 1px #ccc;padding:10px;}
.avatar{text-align:right;width:110px;vertical-align:top}
.profile_cat {text-transform:uppercase;font-weight:bold;width:100%;padding:5px 0;border-bottom:solid 1px #bdc3c7;color:#343A41;margin:8px 0}
.stats_label{width:150px;text-align:right;}
.stats_res{width:50px;font-weight:bold}
.online{background-position:-172px -140px;}
.offline{background-position:-196px -140px;}
.cup1{background-position:-192px -88px;}
.cup2{background-position:-216px -64px;}
.cup3{background-position:-192px -64px;}
.cup4{background-position:-216px -40px;}
.cup5{background-position:-192px -40px;}
.medal1{background-position:-148px -136px;}
.medal2{background-position:-216px -112px;}
.medal3{background-position:-192px -112px;}
.medal4{background-position:-168px -112px;}
.medal5{background-position:-144px -112px;}
.spe_medal{background-position:-216px -88px;}
.profile{background-color:#ECF0F1;margin-bottom:15px!important;}
.profile .stats > div{margin-bottom:5px!important;}
.flagprofile{margin-top:-30px;height:30px;text-align:right;padding:5px;}

/* Albums */
#band_links {padding:10px;background:#eee;margin: 10px 0 20px;}
#band_pic {width:160px;float:left}
#band_opt {border-left:1px solid #ccc;float:left;padding-left:10px;min-height: 150px;width:250px}
#band_similar {border-left:1px solid #ccc;float:left;padding-left:10px;min-height: 150px;}
#band_similar .t {border-bottom:solid 1px #ccc;width:250px; display: block;margin-bottom:10px}
.album {width:100%;margin-bottom:25px;float:left;}
.cd_case{width:126px;height:110px}
.album_year{font-style: italic;margin-top: 5px;color:#666}
.album_infos{line-height: 0.9em;}
.album_songs a{border-bottom:solid 1px #ccc;display:block;color:#666;text-decoration:none; width:100%;display: block; float: left;padding-left: 5px;}
.album_songs a:hover{color:#00809D;border-bottom:solid #88C305 1px}
.album_name {text-decoration:none;text-transform:uppercase;color:#454545;font-weight:700}
.album_name a {text-decoration:none;text-transform:uppercase;color:#bdc3c7;line-height:2em;font-size: 0.9em}
.addmarg{margin:5px 0 0;}
.album_list{padding-bottom:15px}

/* tab */
#tab_head{width:718px;}
#tab_banner{float:left;height:60px;width:468px}
#tab300{width:300px;height:250px;float:left;}
#ytvideo{float:left;margin:10px;float:right;}
.tab_opt{padding:10px;background:#eee;font-size:0.9em;}
.tab_opt .opt {display:block;}
#tab_infos{float:right;background:#eee;-moz-border-radius:5px;-webkit-border-radius:5px;margin-right: 10px;padding: 10px;width:380px;height:20px;}
#write pre{overflow-x: auto;}
pre b {color:#00809D;}
#tab_cut{border-bottom:1px dashed #454545;width:100%;margin-bottom:10px}
.tab_sissors{background: url(../img/sprite_flat.png) no-repeat -215px -196px;height:24px; width:40px; margin: 0 0 -12px 50px;display:block}
#ASselect {text-align:center;margin-top:36px;}
#ASselect a {background:#027bb2;color:#fff;padding:3px;font-weight:bold;text-decoration:none;margin-right:6px;-moz-border-radius:2px;-webkit-border-radius:2px;}
#ASselect a.aslast {margin-right:0}
#ASselect a :hover{color:#E66D18;}
#ScrollMe  {background: #eee url(../img/speed_graph.png) no-repeat 100% 0;border:solid 1px #ccc;-moz-border-radius:5px;-webkit-border-radius:5px;text-align:center;margin:45px 0 0 378px}
#ScrollMe  span{font-weight:bold;line-height:2.5em}

/* signup */
.signupleft {text-align: right;width: 250px;}
#signup_btm{margin-left:110px}

/* Cours */
#CatCours a {background: url(../img/sprite_flat.png) no-repeat -300px -1px;line-height: 2em;padding-left: 30px;}
#CatCours a:hover{background:url(../img/sprite_flat.png) no-repeat -295px -1px;}

/* �valuer */
.yestxt{color:#68A417}
.notxt{color:#FF2626}
.feedback{font-size:1.5em;font-weight:bold;padding:8px}
/* ajouter */
.double_input {float: left; margin-bottom: 20px; vertical-align: top; width: 50%;}
.simple_input {float: left;margin-bottom: 20px;width: 100%;}

/* rythmique */
a.strum {color:#454545;font-style:italic;text-decoration:none}
.rpage{font-size:0.85em;font-style:italic;margin: -10px 0;}

.promo_msg{background:#191919 /*url(https://musikfreak.com/mf_logo.png) no-repeat left*/;border:solid 1px #252525;padding:5px 5px 5px 200px;color:#fff;margin:10px 0;clear:both;}
.promo_msg span {font-size:1.2em;text-transform:uppercase;}
.promo_msg b {color:#9FFF38;}
.promo_msg a{font-weight:bold;color:#9FFF38;}
.mf{padding:15px 0 !important;}

.rhytitle {background: #343A41;color:#fff;text-align:center;}
.rhyby {font-size:.9em;}
.rhytxt {text-transform: uppercase;text-align: center;}
.rhytxt .required {font-weight: bold;}



/* datatables  */
.dataTables_wrapper tr:nth-child(even){background:#E9E9E9;}
.dataTables_wrapper thead, table.tablesorter thead {background:#00809D !important;}
.tablesorter th {color: #fff !important;padding: 4px !important;border: 1px solid #FFF !important;font-weight:normal !important;}
.dataTables_wrapper .dataTables_filter input[type=search] {border:1px solid #E9E9E9;padding:5px;margin-bottom:10px;}
.dataTables_wrapper .dataTables_length select {border:1px solid #E9E9E9;padding:5px;margin-bottom:10px;width:auto ;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {background:#88C305 !important;padding: 5px !important;border:none !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button {background:#E9E9E9;padding: 5px !important;border:none !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {background:#00809D !important;}
.zetta-menu a.mdp {color:#00809D !important;}

/* ads defaults */
.resp_lead { width: 728px; height: 90px;}
.resp_sky { width: 160px; height: 600px;}
.resp_square  { width: 300px; height: 250px;}
#francetabs_sticky_right {
	z-index:1!important;
}
.tfad table {
	background:none;
	border:none;
}

.tfad table td {
	padding:0;
}