*{margin:0; padding:0}

a img, img{border:0}
a{color:#FFFFE2; text-decoration:none; font-weight:bold}
a:hover{color:#4BDEF9; text-decoration:underline}
a:active{outline:none}

h1, h2, h3, h4, h5, h6{margin-bottom:.6em; line-height:1.3em}
h2{margin-bottom:.8em; font-size:1.7em; font-weight:normal}
h2.alt{margin-bottom:.4em}
h3{margin-bottom:.3em; color:#df3102; font-size:1.25em}
h3.alt{padding-bottom:2px; color:#444 !important}
h3.alt2{margin-bottom:1em; border-bottom:1px solid #ccc}
h4{margin-bottom:.2em; font-size:1.25em}
h4 a, h4 a:hover{text-decoration:none}
h5{margin-bottom:.3em; font-size:1.1em}
h6{margin-bottom:.1em; font-size:1em}
/*
table{width:100%}
th{padding:0; text-align:left; vertical-align:top}
td{padding:0; vertical-align:top}
.label{padding-right:8px}
*/
p{margin-bottom:10px}
p.blocleft{font-size:0.9em}
address{margin:0 0 .7em 0; font-style:normal; line-height:1.4em}
blockquote p{margin-bottom:.7em}
blockquote{margin:15px 0 15px 0;   border-left:3px solid #eee; background:url(../img/base_blockquote_bg.gif) no-repeat 8px 1px; padding-left:40px}
q:before, 
q:after{content:''}
cite{color:#9a9a9a; font-style:normal; font:.95em/1.4em arial,helvetica}
cite strong{font-weight:bold; color:#5f5f5f}
pre{border:1px solid #b2b3ce; margin:4px 8px; padding:10px; background:#000; overflow:auto}

form{display:inline}
fieldset{border:none}
legend{display:none}
label{color:#4BDEF9;  font-weight:bold}
input, select, button{vertical-align:middle}

dt{display:block; font-weight:bold}
li{list-style:none}
ol li{list-style:decimal; margin-left:20px}

small{font-size:.95em}
big{font-size:1.2em}

.nowrap{white-space:nowrap}
:focus{outline:0}

hr{clear:both; margin:15px 0; border:0; height:1px; overflow:hidden; visibility:hidden}
/* debug toolBar*/
#sfWebDebug table td{color:#000}

#flashcontent {
  z-index: 2;
}


/* form upload mp3 */
#btn_upload_mp3{background:#161F29; padding:0 10px}
#list_upload_mp3{ margin:0;   color:#4BDEF9}
#list_upload_mp3 li{list-style-type:disc}

body{margin:0px; background:url(images/fond_degrade.png) repeat-x #28394d; color:#ffffe2; text-align:left; font:0.75em/1.55em Verdana,sans-serif; z-index:1}

span.underline{text-decoration:underline}
#errors{background:#FF7D56;   color:white}

#container{width:990px;  margin:0 auto}

#nav_top{ height:23px;   margin:0;   background:url(images/fond_nav_top.gif) repeat-x;   overflow:hidden}

#nav_top ol{ margin-left:4px;   list-style-type:none}

#nav_top li{ display:inline;   margin:0}

#nav_top li a{ float:left;   height:26px;   width:80px;   margin:1px 2px 0 0;   padding:4px 0px;    background:url(images/bouton_nav_top.gif) no-repeat;   font:bold 11px/1.42em Verdana;  color:#ffffe2;  text-decoration:none;  text-align:center}

#nav_top li a:hover{color:#4bdef9}

#header{   position:relative;     margin:0;     width:100%;     height:130px;     background:url(images/fond_header_alpha.jpg) no-repeat}

#header h1{   position:absolute;     top:48px;     left:10px;     width:242px;     height:35px;     background:url(images/logo.png) no-repeat}
#header h1 span{display:block;  text-indent:-10000px;  overflow:hidden;  cursor:pointer}

#header #pub_top{ position:absolute;  right:0px;  top:18px;  height:90px;  width:728px; display:none}

#nav_user{ position:relative;   margin:0;   width:100%;   height:47px;   background:url(images/fond_user_top.png) repeat-x}

#nav_user div{ position:absolute;   left:0px;   margin:0 0 0 19px;   padding:9px 0 0 0;   font:11px Verdana}
#nav_user form p{ display:inline}

#nav_user form input{ width:124px;   height:15px;   border:1px solid #263140;   font:12px Verdana;   margin-right:6px; background-color:#161f29; color:#33c4dd}

#nav_user form input#signin_email{width:160px; padding-left:2px}

#nav_user #credentials_errors input#signin_email{   border:1px solid #f33}
#nav_user #credentials_errors input#signin_password{   border:1px solid #f33}
#nav_user form label{font:bold 11px Verdana;  color:#ffffe2}
#nav_user form span{ padding:0 6px;   font:bold 11px Verdana}

#nav_user form span a{ font:bold 11px Verdana; color:#ffffe2}

#nav_user form .btn_send_login{ display:inline;   width:66px;   height:16px;   border:none;   margin:0;   cursor:pointer;   background:url(images/btn_login_submit.gif) no-repeat;  font:bold 10px Verdana;  color:#161f29; padding-bottom:3px; padding-right:3px}

#nav_user form #error_for_email{padding:0;  color:#f33;  margin:3px 0 0 48px}
#nav_user form #error_for_password{ color:#f33;  padding:3px 0 0 210px}
#nav_user .form-error-msg+input{}
#nav{margin:0; padding:9px 0 0 0}

#nav ul{margin:0 0px;  padding:0;  list-style-type:none;  list-style-position:outside;  position:relative;  line-height:1.8em}
#nav a{display:block;  padding:3px 26px;  padding-bottom:5px;  border-right:1px dotted #4BDEF9;  color:#ffffe2;  text-decoration:none;  font:bold 0.9em Verdana}
#nav #navLast a{border:none}
#nav #navFirst a{margin-left:20px}
#nav a:hover{background-color:#4BDEF9;  color:#333}
#nav li{float:left;  position:relative;  z-index:30}
#nav ul{position:absolute;  display:none; /* width:15em; */ top:1.7em; border:1px solid #4BDEF9}
#nav li ul a{width:15.6em;  height:auto;  float:left;  background:#3B4A5E;  padding:5px 5px;  font:bold 0.9em Verdana;  border:none}
#nav ul ul{top:auto}
#nav li ul ul{left:14em;  margin:0px 0 0 10px}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{display:none}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{display:block}

#disqueGenre{list-style-type:none; margin:0 20px}
#disqueGenre li{float:left; position:relative; padding:0 12px}
#disqueGenre li a{position:absolute; left:14px; top:85px}

ul#top10{}

/*#top10 li{background:url(images/bande_bottom.png) no-repeat bottom right; width:230px; height:20px; overflow:hidden; font:0.74em Verdana; font-weight:bold; color:#fff; padding-top:3px}
*/
#top10 li{background:url(images/etoile.png) no-repeat left 4px; width:230px; height:20px; overflow-x:hidden;  color:#fff; padding-top:3px; padding-left:10px}

#top10 li span.topRank{color:#000; left:-4px; position:relative; top:-1px; font:0.74em Verdana}
#top10 li span.double{left:-7px; letter-spacing:-0.3em}
#top10 li a{font:0.74em Verdana; font-weight:bold}
#top10 li a:hover{text-decoration:none; color:#4BDEF9}

form #musicbox select{background-color:#161f29; color:#ffffe2; border:0}

form input#btn_send{ display:inline;   width:66px;   height:16px;   border:none;   margin-left:18px;   cursor:pointer;   background:url(images/btn_login_submit.gif) no-repeat;  font:bold 10px Verdana;  color:#161f29; padding-bottom:3px; padding-right:3px}

#content_main{  float:right;   left:263px;   width:727px}
#content_main #pub_right{ float:right;   left:607px;   margin-top:17px;   height:721px;   width:120px;   background:url(images/light_right.jpg) no-repeat bottom}
#content_main #pub_right h2{background:#4BDEF9; color:#000; font-size:0.95em; margin-bottom:0px; text-align:center; font-weight:bold}

#content{float:left;  left:0px;  width:600px}

/*#content #slide_show{margin-top:5px;  height:260px;  background-color:#000}
*/
#content .bloc{margin-top:3px}

#content .slideshow {margin-top:16px}

#content .bloc .bloc_top{ height:38px;   background:url(images/center_bloc_top_effect.png) no-repeat;   font:bold 11px Verdana;   width:100%}

#content .bloc .bloc_top h2{ padding:22px 0 0 10px;   font:bold 11px Verdana}

#content .bloc  .bloc_content{ padding:8px 10px 10px 10px;   background:#3b4a5e}
#pub_left{ padding:8px 1px 2px 0px;   background:#3b4a5e}

#content .bloc  .bloc_bottom{ height:5px;   background:url(images/center_bloc_bottom.gif) no-repeat}

#content .bloc_center_left{float:left;  width:190px;  height:250px;  margin-top:5px;  background-color:#000}

#content .bloc_center_center{float:left;  height:250px;  width:190px;  margin:5px 15px 0 15px;  background-color:#000}

#content .bloc_center_right{float:left;  width:190px;  margin-top:5px;  height:250px;  background-color:#000}

/* bloc content left &right */
#content .bloc_left{float:left;  width:296px}
#content .bloc_left .bloc_top{background:url(images/center_bloc_medium_top_effect.png) no-repeat}
#content .bloc_left  .bloc_bottom{height:5px;  background:url(images/center_bloc_medium_bottom.png) no-repeat}

#content .bloc_right{float:left;  width:296px; margin-left:8px}
#content .bloc_right .bloc_top{background:url(images/center_bloc_medium_top_effect.png) no-repeat}
#content .bloc_right  .bloc_bottom{height:5px;  background:url(images/center_bloc_medium_bottom.png) no-repeat}

/* bloc zone sub colonne  left */
#content_sub{float:left;  left:0px;  width:250px;  margin-right:10px}

.group-select{border:1px dashed #4bdef9;  margin-top:30px;  padding:22px 25px 12px}

.group-select .legend{background:#161f29 none repeat scroll 0 0;  border:1px solid #4bdef9;  color:#ffffe2;  float:left;  font-size:1.1em;  font-weight:bold;  margin-top:-33px;  padding:0 8px}

#content_sub #recherche{ margin:0}

#content_sub #recherche_top{ height:24px;   background:url(images/left_bloc_top.png) no-repeat;   width:100%}

#recherche_top h2{ padding:8px 0 0 10px;   font:bold 11px Verdana}

#content_sub #recherche_content{ padding:9px 0px 10px 10px;   background:#3b4a5e;   height:30px}
#content_sub #recherche_bottom{ height:4px;   background:url(images/left_bloc_bottom.gif) no-repeat}

form#search{float:left; z-index:1;  height:29px;  margin:0;  padding:0;  margin-top:0px}

form#search #content_search{/*z-index:2; position:relative; */   margin:0;   padding-top:8px;   padding-left:19px;    background:url(images/fond_input_search.png) no-repeat;   border:none;   width:171px;   height:29px;   font:bold 10px Verdana;   color:#3c4a5e}

form#search #btn_send_search{ display:inline;   border:none;   margin-top:-8px;   width:34px;   height:29px;   cursor:pointer;   background:url(images/btn_search_submit.gif) no-repeat}

#search_error{color:#4BDEF9;  margin-top:-9px;  font-size:11px}

#content_sub .bloc{ margin-top:4px}

#content_sub .bloc .bloc_top{ height:40px;   background:url(images/left_bloc_top_effect.png) no-repeat;   width:100%}

#content_sub .bloc .bloc_top h2{ padding:22px 0 0 10px;   font:bold 11px Verdana}

#content_sub .bloc .bloc_content{ padding:8px 10px 10px 10px;   background:#3b4a5e}

#content_sub .bloc .bloc_bottom{ height:4px;   background:url(images/left_bloc_bottom.gif) no-repeat}

.bloc_large{ margin-top:4px;   width:990px;   clear:both;   bottom:0}

.bloc_large .bloc_top{ height:40px;   background:url(images/large_bloc_top.png) no-repeat;   font:bold 11px Verdana;   width:100%}

.bloc_large .bloc_top h2{ padding:25px 0 0 10px;   font:bold 11px Verdana}

.bloc_large .bloc_content{ padding:8px 0px 30px 10px;   background:#3b4a5e;   height:80px}

.bloc_large .bloc_bottom{ height:4px;   background:url(images/large_bloc_bottom.gif) no-repeat}

#footer{ clear:both;   bottom:0;   height:84px;   background:url(images/footer.jpg) no-repeat;  padding-top:40px;  text-align:center;  font:bold 10px Verdana;  color:#fff}

#footer li{list-style-type:disc;  display:inline;  margin:0}

.cssform p{width:373px;  clear:left;  margin:0;  padding:5px 0 8px 0;  padding-left:155px;  border-top:1px dashed gray;  height:1%}
.cssform p.noHr{border-top:none}
.cssform label{font-weight:bold;  float:left;  margin-left:-155px;  width:150px;  color:#4BDEF9}
.cssform input[type="text"]{}
.cssform input{ border:2px solid #263140}
.cssform input#user_captcha{vertical-align:top}

span.etoile{color:#6996C3; display:inline}

.cssform .focus{ border:2px solid #4bdef9}

.cssform ul.error_list{ margin:0;   color:#F33}

.cssform ul.error_list li{ margin-left:170px;   list-style-type:disc}

.cssform input.btn_send_register{       display:inline;   width:66px;   height:16px;   border:none;   margin:0;   cursor:pointer;   background:url(images/btn_login_submit.gif) no-repeat;  font:bold 10px Verdana;  color:#161f29; padding-bottom:3px; padding-right:3px}
.cssform textarea{width:250px;  height:150px}

.cssform input.btn_send{       display:inline;   width:66px;   height:16px;   border:none;   margin:0;   cursor:pointer;   background:url(images/btn_login_submit.gif) no-repeat;  font:bold 10px Verdana;  color:#161f29; padding-bottom:3px; padding-right:3px}
.cssform textarea{width:250px;  height:150px}

.aideok{border:2px solid #6996C3; height:70px; padding:4px 15px 10px 25px; margin-bottom:10px}

/* fiche artist */
#filterByAlbum{color:#FFFFE2; text-decoration:none; font-weight:bold; font-size:0.9em}
#filterByAlbum:hover{text-decoration:underline}
#top4FicheArtist{margin-top:15px; font-size:0.75em}
#top4FicheArtist li{width:230px; height:20px; overflow:hidden}

/* slideshow homepage */
#s3slider{ width:410px; /* important to be same as image width */ height:220px; /* important to be same as image height */ position:relative; /* important */ overflow:hidden; /* important */ margin:0 0 0 160px;  border:2px solid #4BDEF9;}
#s3sliderContent{ /*width:410px; * important to be same as image width or wider * position:absolute; * important * top:0; * important * margin-left:0; * important */}

.s3sliderImage{ float:left; /* important */ position:relative; /* important */ display:none; /* important */}

.s3sliderImage span{ position:absolute; /* important */ left:0;  font-weight:bold;  font-family:Verdana,sans-serif;  font-size:0.85em;  padding:10px 13px;  width:384px;  background-color:#161F29;  border:1px solid #4BDEF9;  filter:alpha(opacity=70); /* here you can set the opacity of box with text */ -moz-opacity:0.7; /* here you can set the opacity of box with text */ -khtml-opacity:0.7; /* here you can set the opacity of box with text */ opacity:0.8; /* here you can set the opacity of box with text */ color:#ffffe2;  display:none; /* important */ bottom:0;  /*       if you put       top:0; ->the box with text will be shown at the top of the image       if you put       bottom:0; ->the box with text will be shown at the bottom of the image   */}

.clear{   clear:both}

#menu_slideshow{position:relative; float:left; margin-left:10px; margin-top:2px}
#menu_slideshow li{background:url(images/fond_btn_split.png) no-repeat; font-weight:bold; font-family:Verdana,sans-serif; font-size:0.85em; margin-top:16px; padding-left:2px; /*cursor:pointer */}dat
#menu_slideshow .hover{color:#4BDEF9}

#artist-fiche{height:115px}

img.fiche-artist{border:2px solid #4BDEF9}

.artist-img{float:left;  margin:0;  border:2px solid #4BDEF9}

#artist-info{float:left;  margin-left:10px;  margin-right:50px}

/* fiche playlist */
#playlist-fiche{height:115px}

img.fiche-playlist{border:2px solid #4BDEF9}

#playlist-img{float:left;  margin:0;  border:2px solid #4BDEF9}

#playlist-info{float:left;  margin-left:10px;  margin-right:50px}

.ac_results{border:1px solid gray; background-color:white; padding:0; margin:0; list-style:none; position:absolute; z-index:10000; display:none}

.ac_results li{padding:2px 5px; white-space:nowrap; color:#101010; text-align:left}

.ac_over{cursor:pointer; background-color:#F0F0B8}

.ac_match{text-decoration:underline; color:black}

#as_ul{}

div.autosuggest{position:absolute; background-position:top; background-repeat:no-repeat; padding:0px 0 0 0; overflow:auto; height:320px}

* html div.autosuggest{padding-top:1px}

*+html div.autosuggest{margin-top:12px; padding:0px}

div.autosuggest div.as_header{margin-top:5px; position:relative; height:3px; padding:1px 0 0 0; border-top:1px solid #95a5c6; border-left:1px solid #95a5c6; border-right:1px solid #95a5c6; background-color:#fff; background-position:top right; background-repeat:no-repeat; overflow:auto}

div.autosuggest div.as_footer{position:relative; height:3px; padding:1px 0 0 0; border-bottom:1px solid #95a5c6; border-left:1px solid #95a5c6; border-right:1px solid #95a5c6; background-color:#fff; background-position:top right; background-repeat:no-repeat; overflow:auto}

*+html div.autosuggest div.as_header{margin-top:0px}

* html div.autosuggest div.as_header{margin-top:5px}

div.autosuggest div.as_footer{}

div.autosuggest div.as_header div.as_corner, 
div.autosuggest div.as_footer div.as_corner{position:absolute; top:0; left:0}

div.autosuggest div.as_footer div.as_corner{}

div.autosuggest div.as_header div.as_bar, 
div.autosuggest div.as_footer div.as_bar{height:0px; overflow:auto; background-color:#fff}

div.autosuggest ul{list-style:none; margin:0 0 -4px 0; padding:0; overflow:auto; background-color:#fff; border-left:1px solid #95a5c6; border-right:1px solid #95a5c6}

div.autosuggest ul li{color:#5776ae; padding:0; margin:0 1px 1px; text-align:left; font-size:10px}

div.autosuggest ul li a{color:#000; display:block; text-decoration:none; background-color:transparent; text-shadow:#000 0px 0px 5px; position:relative; padding:0; width:100%}

div.autosuggest ul li a:hover{background-color:#3b5998; text-decoration:none}

div.autosuggest ul li.as_highlight a:hover{background-color:#3b5998; text-decoration:none}

div.autosuggest ul li a span{display:block; padding:1px 2px; font-weight:normal}

div.autosuggest ul li a span small{font-weight:normal; color:#999}

div.autosuggest ul li.as_highlight a span small{color:#ccc}

div.autosuggest ul li.as_highlight a{color:#fff; background-color:#3b5998; background-position:bottom right; background-repeat:no-repeat; text-decoration:none}

div.autosuggest ul li.as_highlight a span{background-position:bottom left; background-repeat:no-repeat}

div.autosuggest ul li a .tl, 
div.autosuggest ul li a .tr{background-image:transparent; background-repeat:no-repeat; width:6px; height:0px; position:absolute; top:0; padding:0; margin:0}

div.autosuggest ul li a .tr{right:0}

div.autosuggest ul li.as_highlight a .tl{left:0; background-position:bottom left}

div.autosuggest ul li.as_highlight a .tr{right:0; background-position:bottom right}

div.autosuggest ul li.as_warning{font-weight:bold; text-align:center}

div.autosuggest ul li.as_header{font-weight:bold; font-size:11px; color:#FFF; background:#999; padding-left:6px; padding-top:1px; padding-bottom:1px}

div.autosuggest ul em{font-style:normal; font-weight:bold; color:#000; background-color:#d8dfea}

.loading{background:url(images/loading.gif) no-repeat center}

#__cvfl-coverflow-wrapper canvas{position:absolute}

#__cvfl-coverflow{height:175px; margin:auto; overflow:hidden; position:relative; width:530px}

#__cvfl-coverflow-label{color:#ffffe2; font:14pt Lucida Grande,Lucida Sans Unicode; line-height:1.3em; position:relative; text-align:center; top:148px; z-index:700}

#__lb-ol{bottom:0; left:0; right:0; top:0; background:#000; height:100%; margin:auto; opacity:0.7; position:absolute; width:100%; z-index:1000}

#__lb-im{position:absolute; z-index:1100}

#content .bloc #coverflow_artist{ padding:8px 10px 0px 0}

/* slide album */
#content .bloc .bloc_content_slide{height:150px; padding:0px 55px 16px;  background:#3b4a5e}

a.flowplayer, a.flowplayer img{display:block; border-right:1px dotted #4BDEF9; width:130px; height:130px; margin-right:8px; float:left}

div.playButton{background:url(img_slide/play_mini.png) no-repeat; width:30px !important; height:30px; position:relative; top:-80px; left:50px; margin-bottom:-50px; opacity:0.8}

div.playButton:hover{opacity:1.0}

div.items{height:130px; float:left; width:400px; border:1px solid #59D6FC}

div.slide_content{background-color:#161F29}

div.items div{width:400px}

div.scrollable div{float:left}

div.scrollable h2{border-bottom:1px dotted #4BDEF9; margin-top:3px; font-size:1.2em;  font-weight:normal;  margin-bottom:0.5em; padding-bottom:3px}

div.scrollable p{margin-right:15px; color:#fff; font-size:11px}

a.prev, a.next{display:block; width:23px; height:23px; float:left; background-repeat:no-repeat; margin-top:50px}

a.prev{background:url(img_slide/btn_prev.gif); margin-right:10px}

a.prev:hover{background:url(img_slide/btn_prev_hover.gif)}

a.next{background:url(img_slide/btn_next.gif); margin-left:10px}

a.next:hover{background:url(img_slide/btn_next_hover.gif)}
 
ul.navi{margin:20px 0 0 0; padding:0px; border-bottom:1px solid #d2d2d2; height:1.7em; position:relative; top:10px; left:39px; width:470px}

ul.navi li{background:url(img_slide/tab-left.gif) left top no-repeat; padding-left:4px; float:left; margin:0; list-style-type:none}

ul.navi a{background:url(img_slide/tab-right.gif) right top no-repeat; padding:3px 12px; border-bottom:1px solid #D2D2D2; text-decoration:none; display:block; color:#333; font-size:13px}

ul.navi li.active a, ul.navi a:hover{background-position:100% -150px; border-bottom:1px solid #fff}

ul.navi li.active{background-position:0 -150px}

/* bloc ils ecoutent */
#list_listen_now{overflow:auto}
#list_listen_now li{margin:4px 10px 8px 0px; float:left; width:186px; height:68px; background:url(images/fond_item_media.png) no-repeat right}
#list_listen_now li.last{margin-right:0px}
 
#list_listen_now .vignette{border:2px solid #fff; float:left}
#list_listen_now .item_play{position:absolute; margin-left:5px}
#list_listen_now .item_info{position:absolute; margin-left:16px; margin-top:6px}
#list_listen_now .item_delete{position:absolute; margin-left:5px; margin-top:6px}
#list_listen_now .item_content{float:right; width:92px; font-size:0.75em; height:60px; overflow:hidden}

/* bloc new zik pl */
#list_listen_now_large{}
#list_listen_now_large li{margin:4px 10px 8px 0px;  width:276px; height:68px; background:url(images/fond_item_media_large.png) no-repeat right}
#list_listen_now_large li.last{margin-right:0px}
 
#list_listen_now_large .vignette{border:2px solid #fff; float:left}
#list_listen_now_large .item_play{position:absolute; margin-left:5px}
#list_listen_now_large .item_content{float:right; width:182px; font-size:0.75em; height:60px; overflow:hidden}

/* gestion drag and drop */
/* zone de reception */
#divDrop{margin:0 auto; width:640px; height:8em; background-color:#161F29; color:white; border:1px solid #4BDEF9;  overflow-y:auto; float:left; z-index:1; margin-left:20px}
.droppable-hover{outline:3px solid #77ABF2; background:white}

/* zone de reception */
#divDropTrash{margin:0 auto; width:120px; height:8em; background-color:#161F29; color:white; border:1px solid #4BDEF9;   overflow-y:auto}

#magicbox{margin:0;   width:100%;   color:white;   position:relative;   left:0;   bottom:0}
#magicbox a{color:white; font-weight:bold}
#magicmenu{position:absolute; right:0; top:-25px}
#magicbox div, #magicbox p{}
#magicmenu ul{list-style-type:none; margin:0}
#magicmenu ul li{display:inline}
#magicmenu ul li a{display:block; float:right; background:#28384D; border:1px solid white; border-bottom:none; margin-right:2px; padding:4px 12px 0 12px; height:21px; color:white; position:relative; font:0.9em Verdana; font-weight:bold}
#magicmenu{display:none}
#magiccontent{clear:both; background:#161F29; border-top:1px solid white; color:white}
#magiccontent div{padding:6px}
#magicmaxi, #magicmini{  width:982px;   margin:0 auto;   border-left:1px dotted white;   border-right:1px dotted white}
#magicmaxi{  border-top:1px dotted white;   height:9.4em}

div#magicmaxi #zone{  }
div#magicmaxi .col{  display:block;   overflow-x:hidden;   overflow-y:auto;   padding-left:10px;   padding-right:10px;   background:#161F29;   width:360px}

form#cart_playlist{float:left; z-index:1;   height:8em;  background-color:#161F29;  margin:0;   padding:0;   margin-top:0px}

form#cart_playlist #btn_send_search{ display:inline;   border:none;   margin-top:-8px;   width:34px;   height:29px;   cursor:pointer;   background:url(images/btn_search_submit.gif) no-repeat}

form #pl_item_user select{width:200px; background-color:#161f29; color:#ffffe2; border:0}

form input#btn_send{ display:inline;   width:66px;   height:16px;   border:none;   margin-left:18px;   cursor:pointer;   background:url(images/btn_login_submit.gif) no-repeat;  font:bold 10px Verdana;  color:#161f29; padding-bottom:3px; padding-right:3px}

.link_send{margin-left:75px;  border:none;   cursor:pointer;   background:url(images/btn_login_submit.gif) no-repeat;  font:bold 10px Verdana;  color:#161f29; padding:1px 16px 3px 13px}
.link_send:hover{color:#161f29}

#drag_mess1{ width:310px;  display:block;  font-weight:bold;  float:left}
#drag_mess2{ width:200px;  font-weight:bold}
#drag_mess_error{ width:200px;  color:red}

/* zone draggable */
#divDrag{ width:550px;  height:25px;  background-color:brown}

.divDrag{cursor:move}

.draggable-active{ opacity:1.0;  background-color:yellow}

.droppable-active{ opacity:1.0;  background-color:yellow}
.ui-draggable-helper{ border:1px dotted #33C4DD;  padding:6px;  background:#161F29;  font-size:0.85em;  font-family:Verdana;  height:20px;  width:390px}

/* jauge popularite */
.jauge_popularite{background:transparent url(images/popularite.png) repeat-x scroll 0 0; height:8px; width:27px}
.valeur_popularite{background:transparent url(images/popularite.png) repeat-x scroll 0 -8px; height:8px}

td, th{font:0.8em Verdana; margin:0px; /*border-bottom:1px solid #ABABAB; */}

#_ingrid_table1_0{ width:700px}

table.tabEditPl{border-collapse:collapse;table-layout:fixed;  width:580px;  margin:0 auto}
table.tabEditPl td{overflow:hidden;  text-align:left; white-space:nowrap; padding:0 4px}
table.tabEditPl th{overflow:hidden;  text-align:left; white-space:nowrap; padding:0 4px}
table.tabEditPl tr{padding:4px 0; height:25px }
table.tabEditPl thead tr{background:#18222B}
.tDnD_whileDrag{ background:#161F29}


table.datagrid{table-layout:fixed;  width:580px; margin-bottom:6px}
table.datagrid td{/*padding:4px; */padding-left:7px; padding-right:1px; text-align:left; white-space:nowrap}
table.datagrid tr{height:25px}
table.datagrid th{padding:2px; text-align:left; font-weight:normal}

.grid-loading{background:#E3E3E3 url('img_datagrid/load-bg.png'); display:block; opacity:.50; -moz-opacity:.50; filter:alpha(opacity=50); text-align:center}
.grid-loading div{width:100%; height:100%; display:block; background:url('img_datagrid/indicator_web20_working.gif') no-repeat center center}
.grid-header-bg{/*background:#E3E3E3 url('img_datagrid/grid-hrow.gif') repeat-x bottom; */border:1px solid #77ABF2}

.grid-row-style1{background-color:#FFF}
.grid-row-style2{background-color:#EEF6FF}
.grid-row-style3{background-color:#EEE}

.grid-row-hover{background-color:red; background:blue; border:1px solid green}
.grid-row-sel{background-color:#FF3; border-bottom:1px solid #333}
.grid-row-sel td{color:#900}
table.datagrid td.grid-custom-col{color:#333; background-color:red; text-align:right}

table.datagrid th div.grid-col-resize{background:url('img_datagrid/grid-split.gif') no-repeat center; cursor:col-resize; width:6px; height:16px; font-size:1px; float:right; display:block; text-indent:-1000px; overflow:hidden}

table.datagrid thead{}

/*
Column Sorting Styles
*/
.grid-sort-asc{background:url('img_datagrid/sort-asc.png') no-repeat center left; display:block; height:18px; padding:3px 0 0 16px; cursor:pointer}
.grid-sort-desc{background:url('img_datagrid/sort-desc.png') no-repeat center left; display:block; height:18px; padding:3px 0 0 16px; cursor:pointer}
.grid-sort-none{background:url('img_datagrid/sort-none.png') no-repeat center left; display:block; height:18px; padding:3px 0 0 16px; cursor:pointer}

/*
Paging Control Styles
*/
/* paging control footer toolbar */
.grid-page-toolbar{/*background:url('img_datagrid/page-bg.gif') repeat-x; */font:11px Tahoma; padding-top:7px; border:1px solid #77ABF2}
/* paging control footer toolbar page form (pform) */
.grid-page-toolbar form{margin:0}
/* first page button (pb1) */
.grid-page-start{background:url('img_datagrid/page-first.png') no-repeat center; display:block; float:left; margin:3px; width:16px; height:16px; text-indent:-1000px; overflow:hidden; margin-left:10px; cursor:pointer}
/* previous page button (pb2) */
.grid-page-prev{background:url('img_datagrid/page-prev.png') no-repeat center; display:block; float:left; margin:3px; width:16px; height:16px; text-indent:-1000px; overflow:hidden; cursor:pointer}
/* next page button (pb3) */
.grid-page-next{background:url('img_datagrid/page-next.png') no-repeat center; display:block; float:left; margin:3px; width:16px; height:16px; text-indent:-1000px; overflow:hidden; cursor:pointer}
/* last page button (pb4) */
.grid-page-end{background:url('img_datagrid/page-last.png') no-repeat center; display:block; float:left; margin:3px; width:16px; height:16px; text-indent:-1000px; overflow:hidden; cursor:pointer}
/* loading indicator graphic (pload) */
.grid-page-loading{background:url('img_datagrid/grid-loading.gif') no-repeat center; display:block; float:left; margin:3px; width:16px; height:16px; text-indent:-1000px; overflow:hidden}
/* loading done indicator graphic (pload) */
.grid-page-loading-done{background:url('img_datagrid/grid-loading-done.gif') no-repeat center}
/* page info text around textbox (pinfo) */
.grid-page-info{font:11px Tahoma; display:block; float:left; color:#fff}
/* viewing rows x of y text message (pv) */
.grid-page-viewing-records-info{font:11px Tahoma; color:#fff; display:block; float:right; height:16px; margin:3px 10px 0 0}
/* page input field (pfld) */
.grid-page-input{font:11px Tahoma; width:30px; padding:2px; border:1px inset}

tr.alt td{background:#77ABF2}

tr.over td{background:#77ABF2}

/* Overlay */
#simplemodal-overlay{background-color:#000; cursor:wait}

/* Container */
#simplemodal-container{padding:16px; height:auto;   width:auto; background-color:#161F29; border:3px solid #aaa; -webkit-border-radius:10px; -moz-border-radius:10px}
#simplemodal-container a.modalCloseImg{background:url(images/close_modal.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-18px; cursor:pointer}
#simplemodal-container #recherche{}