@charset "utf-8";
/* CSS Document */
/* ATTENTION LA CLASSE .selected EST UTLISE ET DEFINIE DANS LA GESTION DES SCROLL voir scroll.js  */
/* initialisation des balises */

html,body,div,ul,ol,li,dl,dt,dd,h3,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {margin:0;padding:0;}
body {background-color:#e2e4e3;font:normal normal 0.8em  Arial, Helvetica, sans-serif;color:#000;}
html, body {height:100%}

/* gestion de la transparence pour IE6	*/
div,input, img { behavior: url(iepngfix.htc) }


/* ordre pour le raccourci de font {font-style; font-weight; font-size; font-family}*/

/* redfinition des balises en fontion des besoins */
/* titre de chapitre h1 pour le premier titre et h2 pour les suivants */
h1,h2 {width:510px;text-indent:15px;color :#333;font-size:1em;font-weight:bold; text-decoration:none; vertical-align:midle}

h1{ line-height:55px;  margin: 0 0 15px 0; background:transparent url(../images/h1_bc.png) bottom  no-repeat;}
h1.h1_bc2 { background:transparent url(../images/h1_bc2.png) bottom  no-repeat;color :#fff;}
h1.h1_bc3 { background:transparent url(../images/h1_bc3.png) bottom  no-repeat;color :#fff;}

h2 {line-height:29px;margin: 15px 0 ;background:transparent url(../images/h2_bc.png) bottom  no-repeat;}
/*titre  des éléments de la navigation hierarchisée */
h3 {color:#9a9a9a;font-size:0.95em;font-weight:bold; text-align:center; line-height:21px;}
/* titre  secondaire sur fond fushia ex: genre des nouveautés */
h4{width:490px; line-height:26px; text-indent:15px; margin:10px auto; background:transparent url(../images/h4_bc.png) bottom no-repeat;color :#fff;font-size:1em;font-weight:bold; text-decoration:none}
/* titre des layer d'alerte	*/ 
/*h5{}*/
/* h6 utiliser dans les slider avec class*/

/*h6,pre,code,address,caption,cite,label,code,em,strong,th{font:normal normal 0.8em  Arial, Helvetica, sans-serif;}

input, textarea {background:<?=$input_background ?> ;color:<?= $input_font_color ?>;border: 1px <?= $input_border_color ?> solid;font-family:Arial,Helvetica,sans-serif;font-size:0.90em;}
label {font-weight:bold;font-size:0.95em;}

caption,th { text-align: center;}
a{color:<?= $a_font_color ?>;text-decoration:none;font-size:1.0em;}
a:hover {text-decoration:underline;color:<?= $a_hover_font_color ?>;}*/


ul,ol { list-style: none;}

table { border-collapse: collapse; border-spacing: 0;}
fieldset,img , a img {border: none; }
input, textarea, select {	background: #fff; border: 1px solid #6C6C6C;	height:20px}
input:focus, textarea:focus, select:focus {	background: #ccc; border: 1px solid #6C6C6C;	height:20px}
label {color:#333}


/*--------- CLASSE COMMUNNE à toutes les pages ------------------------------*/
/* classe qui permet d'annuler le float */
.clear {clear: both}

.link{ cursor:pointer;}
.radio {border: 0; background:transparent}
.checkbox {border: 0; background:transparent;}
.red {color:#F00}
/*--------- GABARIT ------------------------------*/
#entete{height:305px; width:982px; margin:auto auto; background-color:#fff;}
#global{ width:982px; margin : auto auto; background:#fff url(../images/body_bc.png) bottom  repeat-x;}
#menuleft{float:left;width:230px;}
#menuright{float:right;width:230px;}
#contenu{margin: 0 236px 15px 236px ; background-color:#eee; }
/* -------- IE7 hack ------------*/
* + html #contenu{margin: 0 235px 25px 235px;}

#footer{clear:both;}

/*--------- NAVIGATION CONTEXTUELLE ---------*/
#bandeau_bib{}
#bib_bc {background:#fff url(../images/bandeau_bib.png) top no-repeat;height:115px;}
#bib_nom a{ position:relative; top:35px ; left: 100px; color:#5D5D5D; font-weight:bold; font-size:1.35em; text-decoration:none}
#bib_logo {margin: 15px 5px;  }
/*--------- NAVIGATION CONTEXTUELLE ---------*/
#top{height:138px;  background:#fff url(../images/top_bc.png) top repeat-x ;}
#bloc_contextuel{height:39px; line-height:20px; text-indent:15px; background:#fff url(../images/menu_contex_bc.png) top no-repeat ; font-size:0.87em;font-weight:bold; }
#bloc_contextuel li{display:inline;}
ul#contextuel { position:relative; width::795px; top:8px;}
#contextuel li {display:inline;}
#contextuel,#contextuel a { color:#fff; text-decoration:none;}
#contextuel a:hover {color:#E0FF09; }

#menu_aide {position:relative; top:-12px; left:650px; text-align:right; width:330px;}

#menu_aide li {display:inline; padding-right:15px}
#menu_aide a { color:#b0cc00;text-decoration:none;}
#menu_aide a:hover {color:#fff; text-decoration:none;}

/*--------- TOP MENU ---------*/
#logo{ margin: 15px 15px}
/* bloc de recherche */
#bloc_search{position: relative;top: -120px; margin:auto; z-index:20;}



/* navigation support	*/
#nav_support{ height:26px; width:100%;text-align:center;  text-decoration:none;background:#000 url(../images/search_top_bc_off.png) top repeat ; }
#nav_support td {padding:0 11px}
#nav_support , #nav_support  a {color:#fff; font-weight:bold;  text-decoration:none}

/* recherche */
#form_search_table{width:100%; text-align:center}
#form_search_begin {height:59px; width:12px; background:transparent url(../images/search_form_begin.png) top no-repeat ;}
#form_search_end {height:59px; width:12px; background:transparent url(../images/search_form_end.png) top no-repeat ;}
#form_search_elt {height:59px; background:transparent url(../images/search_form_bc.png) top repeat ;}
#fieldset_search_input{ position:relative; top:1px;}
#fieldset_search_input input{height: 17px}
#fieldset_search_input input,#fieldset_search_input select, #radio_etiquette label { font-size: 0.90em;}

#radio_etiquette label input{position:relative; top:7px; border:0}
/* -------- IE7 hack ------------*/
* + html #radio_etiquette label input {position:relative; top:2px; border:0}
#form_search{width:150px} /* input de la recherche */
#but_search { position:relative; top:5px;height:21px;  border:0 }


/* bloc d'identification */
#bloc_ident{ position:relative;top:-220px; right:-715px; width:245px; text-align:right; z-index:20}
#caption_refbib {position:absolute;top:-22px;right:30px;}
#ident_zone label {line-height:18px; font-weight:bold}
#ident_bib_ref, #ident_login, #ident_pwd{ background-color:#333; color:#fff; height:14px; width: 140px;border:1px solid #333; margin-bottom:1px }
#but_ident { position:relative; right:40px;height:17px; border:0}

#usager_oubli a{position:relative; right:60px; color:#000; font-size:0.85em;  text-decoration:none}
#usager_oubli a:hover{ color:#a50672}

/* Avatar	*/
#bloc_avatar{ position: relative;top: -210px; right:-720px; width:222px; height:77px; background:transparent url(../images/bloc_avatar_bc.png) top no-repeat ; z-index:20 ; text-align:center}

#avatar_pseudo { position:relative;top:-55px;left:-40px;font-weight:bold; }
#avatar_profil a {position:relative;top:-35px; left:-30px;color: #333;  font-size:0.95em; text-decoration: underline}
#avatar_profil a:hover {text-decoration: none}
a#avatar_close img { position:relative; top:-58px; right:-62px;background:transparent url(../images/but_closed.png) 0 0 no-repeat; z-index:30}
a#avatar_close:hover img{background:transparent url(../images/but_closed.png)  0 -16px no-repeat;z-index:30 }
#avatar {position: relative;top:1px; left:84px; z-index:25}
#usager_mess_simple{position: relative;;top:-135px; right:-725px; color:red; font-style:italic }
/* bouton de retour */
#but_back{position: relative; top:-215px; right:-910px; z-index:20px;width:45px ;}

/* -------- IE7 hack ------------*/
* + html #but_back{position: relative; top:-195px;top:-210px;z-index:20px;width:45px ;}

/*--------- MENU ------------------------------*/
/* tous les blocs de menu*/
#bloc_decouvrez,#bloc_pub,#bloc_bib, #bloc_nvte, #bloc_chrono, #bloc_panier,#bloc_playlist,#bloc_musiclic,#bloc_reponsesdavocat,#bloc_paraschool{margin-bottom:8px }

/* presentation des notices dans le slider de gauche */
.slider_oeuvre, .slider_oeuvre a{ font-weight:bold; color:#b0cc00; text-decoration:none; font-size:0.95em; }
.slider_oeuvre  a:hover{color:#E0FF09; }
.slider_artiste{ font-weight:bolder; color:#DBDBDB; font-size:0.81em; } 
.slider_genre{font-weight:bolder ;color:#000;font-size:0.81em;}
.slider_vignette {width:35px; height:35px}
.slider_bouton_layer_action{width:12px; height:12px}

/* suite */
.slider_suite {line-height:25px; text-align:right; font-size: 0.85em}
.slider_suite a {color:#f2f2f2; text-decoration:none}
.slider_suite a:hover {color:#e0ff09; text-decoration:none}
.slider_suite img {vertical-align:text-top; margin:0 5px}

.page_suite {line-height:25px; text-align:right; font-size: 0.85em}
.page_suite a {color:#333; text-decoration:none}
.page_suite a:hover {color:#9AB000; text-decoration:none}
.page_suite img {vertical-align:text-top; margin:0 5px}


/* retour vers le haut */
.but_haut_main { text-align:right; }
.but_haut  { text-align:right; }
.but_haut a {color:#333; font-size:0.82em; text-decoration:none}
.but_haut a:hover {color:#9AB000;}
.but_haut img {vertical-align:sub; margin:0 5px}

.center {text-align:center}

/*--------- MENU DE GAUCHE ------------------------------*/
#bloc_pub div {background-color:#000}
.bloc_left_top{width:230px;line-height:26px;text-indent:38px;color:#fff; font-size:1.1em; font-weight:bold; text-align:left ; background:url(../images/bloc_left_top.png) top no-repeat ;}
.bloc_left_bottom{line-height:8px width:230px;background: url(../images/bloc_left_bottom.png) top no-repeat ;}


/* pour l'effet accordeon des slider */
.slider_left_toggle_up{line-height:26px; color:#ccc;text-indent:25px;font-size:0.95em;
											background:#000 url(../images/slider_toggle_left_up.png) top no-repeat ;cursor: pointer; }
.slider_left_toggle_down{background:#000 url(../images/slider_toggle_left_down.png) top no-repeat ;}
.slider_left_content { color:#fff;  text-indent:10px; background-color:#666; overflow: hidden; }

/*présentation des slider de gauche */
.menu_playlist_bib { font-size:0.87em; color:#000; }
.menu_playlist_bib a {color:#f2f2f2; font-weight:bold;  text-decoration:none; }
.menu_playlist_bib a:hover {color:#e0ff09;}
.slider_left_content table {width:100%; }
.slider_left_content td {border-bottom:1px solid #333; padding: 3px 5px}
.slider_left_content td.slider_td_img {text-align:right;vertical-align:top}
.slider_but_layer_action {padding-top:22px; }



/* PRESENTATION DES ELEMENTS DE NOTICE */
.notice_elt{padding: 0 5px; }
.notice_elt li span {color:#7f7f7f ; font-weight:500} /* label */
.notice_elt li {color:#333; }
.notice_elt li a {color:#333;text-decoration: underline}
.notice_elt li a:hover {text-decoration:none}

/* VIGNETTES  */

.vignette_oeuvre, .vignette_oeuvre a{ font-weight:bold; color:#9AB000; text-decoration:none; text-align:left; font-size:0.95em; }
.vignette_oeuvre  a:hover{color:#b0cc00; }
.vignette_artiste{ font-weight:bolder; color:#666; font-size:0.82em; } 
.vignette_genre{font-weight:bolder ;color:#000;font-size:0.82em;}
.vignette_support{color:#666; font-size:0.82em; font-style:italic}
.vignette_off {filter:alpha(opacity=45); -moz-opacity: .45;}


/* liste de vignette dans la page ex: résultat de recherche */
.vigette_search_list {padding:5px; height:90px; width:90px;}
/* gestion des listes de vignette en double colonne ex search_nvte */
td.vignette_txt_bc { width:145px; }
td.vignette_txt_bc div {background:#fff;height:90px; padding:0px 5px}
td.vignette_txt_bc .playlist_popup_link{ float: right; margin-top: 26px;  z-index:20}
td.vignette_img {height:90px; width:90px;}

.liste_piste, .liste_piste a{color:#000; font-weight: bold;text-decoration:none;  }
.liste_oeuvre, .liste_oeuvre a{color:#798A00; text-decoration:none;  }
.liste_oeuvre  a:hover{color:#b0cc00; }
.liste_auteur{ color:#666; } 
.liste_genre{color:#000;}

/* -------- IE7 hack ------------*/
* + html .but_haut img {vertical-align:bottom; margin:0 5px;}


/*#bloc_decouvrez li a {display:block; width:230px;line-height:26px; text-indent:15px ; color:#333; font-weight:bold; background:#fff url(../images/bloc_decouvrez.png) top no-repeat ;text-decoration:none;}*/


/*--------- MENU DE DROITE ------------------------------*/
.bloc_right_top{width:230px;line-height:26px;text-indent:38px;color:#4c4c4c; font-size:1.1em; font-weight:bold; text-align:left ; background:url(../images/bloc_right_top.png) top no-repeat ;}
.bloc_right_bottom{line-height:8px width:230px;background: url(../images/bloc_right_bottom.png) top no-repeat ;}

/* bloc chronomedias */
#bloc_chrono{ line-height:36px; width:230px; text-indent:30px;color:#666 ; font-weight:bold; font-size:1.1em;}
#bloc_chrono a{ color:#191919 ; text-decoration:none }

/* bloc panier */
.menu_playlist {display:block;  background-color:#666; font-size:0.87em; color:#000;border-bottom:1px solid #333; padding: 3px 15px}
.menu_playlist a {color:#f2f2f2; width:230px;height:26px; font-weight:bold;  text-decoration:none; }
.menu_playlist a:hover {color:#e0ff09;}
#bloc_panier li span a,#bloc_playlist li span a {  color:#fff}
#bloc_panier li span a:hover a:hover,#bloc_playlist li span a:hover { background-color:#666; color:#e0ff09}

/* pour l'effet accordeon des slider */
.slider_right_toggle_up{line-height:26px; color:#ccc;text-indent:25px;font-size:0.95em;
											background:#000 url(../images/slider_toggle_right_up.png) top no-repeat ;cursor: pointer; }
.slider_right_toggle_down{background:#000 url(../images/slider_toggle_right_down.png) top no-repeat ;}
.slider_right_content { color:#fff;  text-indent:10px; background-color:#666; overflow: hidden; }


/* bloc Notre Sélection */
#slider_decouvrez,#slider_bdmusic {width:100%}
#slider_decouvrez td,#slider_bdmusic td{ border-bottom:1px solid #000}
#slider_decouvrez_vignette img,#slider_bdmusic_vignette img{margin:5px} 
#slider_decouvrez_txt,#slider_bdmusic_txt {width:100%; vertical-align:top; padding: 5px 0 0 5px}

.slider_selection_layer {float:right; padding-top:85px;}
.no_cursor_pointer {cursor:default}


/*--------- DAILYMOTION ------------------------------*/

#daily_player {text-align:center;margin:30px auto;}
/*--------- FOOTER ------------------------------*/
#footer { margin:auto auto; width:982px;  text-align:center; color:#b0cc00; text-align:center;font-size:0.85em; background-color:#4c4c4c }

#footer ul { width: 600px; margin: auto auto; }
#footer li a{ color:#b0cc00;text-decoration:none;}
#footer li a:hover{color:#fff;}
#footer li.footer_niv1{float:left; width:30%;padding:10px; text-align:right; }
#footer_copyright {font-style:oblique; background-color:#242424; width:982; padding:10px 0;  }

/*--------- LAYERS AVEC FOND OPACIFIE	------------------------------*/
#fond {	display: none;	position: absolute;	top: 0;	left: 0;background-color:#333;opacity:0.5;filter:alpha(opacity=50);width: 100%;z-index: 499;}
#chargement {position:absolute;}

/* layer d'information pour les users */

#layer_user{ position:absolute; left:50%; margin-left:-455px;width:911px;z-index:300; }
#layer_user ul { margin:0 19px 0 8px; text-align:justify; font-size:0.85em; font-style:italic; color:#dfff00}
#layer_user_fond{ width: 911px; padding-top:3px; background:transparent url(../images/layer_user_info_bc.png)  top left repeat !important; }
#layer_user_bc{ width:911px; height:7px;background:transparent url(../images/layer_user_info_down.png) bottom left no-repeat;z-index:300;}
#layer_user_close {float:right; margin-right:5px; margin-top:5x;}
/* pour les quotas des users */

#layer_user_quota {margin: -20px 30px 0 30px; border: 1px dotted #333;font-style:normal;}
#layer_user_quota td,#layer_user_quota th {border: 1px dotted #333; text-align:center; padding:3px 10px}
#layer_user_quota td span{color:#981E10; font-weight:bolder; }
 
#but_info_user{float:left; margin-left: 13px; margin-top: 8px; background:transparent}
#but_info_user img{height:16px; width:16px; }
#but_info_user a img{background:transparent url(../images/but_info.png) 0 0  no-repeat;}
#but_info_user a:hover img{background: transparent url(../images/but_info.png) 0 -16px no-repeat; }


/* layer alerte de type erreur + avertissement - voir dans footer.tpl.php */
#layer_erreur,#layer_erreur_syst,#layer_info{ display:none;position:absolute;background:transparent url(../images/layer_alerte_bc.png) top left no-repeat;width:519px;height:315px;font-size:1em;}
#layer_erreur_titre,#layer_erreur_syst_titre,#layer_info_titre { margin:10px 0;color :#C01900;font-size:1.3em;text-align:center;}


#layer_erreur_syst{z-index: 1500;}
#layer_erreur{z-index: 1000;}
#layer_info{z-index: 900;}

#layer_erreur_close,#layer_erreur_syst_close,#layer_info_close {float:right; margin-right: 13px; margin-top: 8px; }
#layer_erreur_close img,#layer_erreur_syst_close img,#layer_info_close img,#layer_user_close a img{ height:16px; width:16px;}
#layer_erreur_close a img,#layer_erreur_syst_close a img,#layer_info_close a img,#layer_user_close a img{background:transparent url(../images/but_closed.png) 0 0  no-repeat;}
#layer_erreur_close a:hover img,#layer_erreur_syst_close a:hover img,#layer_info_close a:hover img,#layer_user_close a:hover img{background: transparent url(../images/but_closed.png) 0 -16px no-repeat; }

#layer_erreur_img,#layer_erreur_syst_img,#layer_info_img{margin-top:10px; margin-left:250px ;}

#layer_erreur,#layer_erreur_titre,#layer_erreur_syst,#layer_erreur_syst_titre{color:#C01900;}
#layer_info_titre{color:#d356c0;}
#layer_info{color:#000;}

#layer_erreur_scrollabel,#layer_erreur_syst_scrollabel, #layer_info_scrollabel {display:inline;float:left; background: transparent url(../images/layer_alerte_scrollabel.png) top left no-repeat; margin:10px 0; width:475px;height:181px;overflow: hidden;text-align:justify; }	

#layer_erreur_scrollabel ul,#layer_erreur_syst_scrollabel ul,#layer_info_scrollabel ul{margin: 15px; }
#layer_erreur_scrollabel ul li {padding-bottom:10px}
#layer_erreur > #layer_erreur_scrollabel,#layer_erreur_syst > #layer_erreur_syst_scrollabel,#layer_info > #layer_info_scrollabel {margin-left:15px;}

#layer_erreur_trackV ,#layer_erreur_syst_trackV ,#layer_info_trackV{float:left;margin-top:12px; width:13px;height:177px;background: #ccc url(../images/scrollbar_layer_alerte.png) left top no-repeat; }
#layer_erreur_handleV,#layer_erreur_syst_handleV,#layer_info_handleV{ position:relative; top:0; left:1px; width:15px;height:24px; cursor:pointer}

/* layer alerte et erreur systeme */
#layer_erreur_handleV,#layer_erreur_syst_handleV,#layer_info_handleV {background:transparent url(../images/scrollbar_face.png) left top no-repeat;}


/*---------  ZOOM VIGNETTE ---------*/
#fond img {	position: absolute;	border: none;display: block; }
#affichage {display:none;position: absolute;background: #fff;z-index: 500;}
#affichage img {position: relative;	top: 10px;	left: 10px;border: none}
#image_zoom {position: relative;top: 30px;left:25px; border:1px solid #000}

/* fermeture du layer */
#img_close { float:right;padding:0 15px}
#img_close a img{background:transparent url(../images/but_closed.png) top left no-repeat;height:16px;}
#img_close a:hover img{background: transparent url(../images/but_closed.png) 0 -16px no-repeat;}


/* ONGLET */

.onglet ul{ float:left; width:100%;  font-size:1em; background: transparent url(../images/onglet_bc.png) 0 0px repeat-x;} 
.onglet li{display: inline; line-height:25px; text-align:center ; }
.onglet li a{ float: left;color: #666;background: transparent url(../images/onglet_bc.png) 0 0 repeat-x; text-decoration:none;}
.onglet li a:hover{background: transparent url(../images/onglet_bc.png) 0 -25px repeat-x;}
.onglet li span a{ float: left;color: #fff;background: transparent url(../images/onglet_selected_bc.png) 0 0 repeat-x; text-decoration:none;}
.onglet li span a:hover{background: transparent url(../images/onglet_selected_bc.png) 0 0 repeat-x;}
.onglet_padding{padding:0 15px}
.onglet_end{position:relative; left:500px; top:-25px;}
/* -------- IE7 hack ------------*/
* + html .onglet_end{position:relative;left:502px; top:-28px;}

/* CADRE ARRONDI */

/* cadre arrondi gris foncé */
.bloc_arrondi {margin:auto auto; width:490px;}
.arrondi_top { width:490px;height:9px; background: transparent url(../images/arrondi_extensible_top_bc.png) top left no-repeat; }
.arrondi_bottom {width: 490spx;  height:9px;background: transparent url(../images/arrondi_extensible_bottom_bc.png) top left no-repeat;}
.arrondi_content {width: 490px;background: transparent url(../images/arrondi_extensible_bc.png) top left repeat-y; padding:0 10px ;text-align:justify}

/* cadre arrondi gris clair */
.bloc_arrondi2 {margin:auto auto; width:490px;}
.arrondi_top2 { width:490px;height:9px; background: transparent url(../images/arrondi_extensible2_top_bc.png) top left no-repeat;}
.arrondi_bottom2 {width: 490spx;  height:9px;background: transparent url(../images/arrondi_extensible2_bottom_bc.png) top left no-repeat;}
.arrondi_content2 {width: 490px;background: transparent url(../images/arrondi_extensible2_bc.png) top left repeat-y; padding:0 10px ;}

/*---------  DIVERS ---------*
/* infobulle */
.info_bulle{display:inline;background-color:#a50672;vertical-align:middle;visibility:hidden;-moz-opacity:0.85;opacity:0.85;filter:alpha(opacity=85);font-weight:bold;color:#fff;font-size:0.8em;white-space: nowrap;border:1px solid #000;padding:3px;z-index:1000; }

/* pagination */
.pagination{ font-size:0.95em;color:#666; }
.pagination a {color:#666 ; text-decoration:none}
.pagination a:hover {color:#000; text-decoration:underline}

/* resultat de recherche */
.search_critere, .search_result_dim{ margin: 0 15px 15px 15px}
.search_result_dim {font-style:italic; color:#4F4F4F }
.search_result_dim span {font-weight:bold}

/* musiclic */
#but_musiclic {border:none;width:100px;height:17px; }

#bloc_concert{
    margin-top:5px;
    margin-bottom:5px
}
.bloc_concert_inner{
    background: transparent url(../images/concerts.png) top left no-repeat;
    padding:2px 10px;
    height:30px;
    width:210px;
    color:#FFFFFF;
    font-size:1.2em;
    font-weight:bold;
    line-height:26px;
    text-align:left;
    text-indent:38px;
}
.bloc_concert_inner_off {
    background: transparent url(../images/concerts_off.png) top left no-repeat;
}