@charset "iso-8859-1";
/* CSS Document */

body { padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:10px; background-color:#ccc; background-image:url(images/site-ap.png); background-position:top; background-repeat:repeat-x; }

h1, h2, h3, h4, h5, h6, p, form { margin:0; padding:0; }
h1 { font-size:24px; font-family:Helvetica, Arial, Sans-serif; }
h2 { font-size:20px; }
h3 { font-size:18px; }
h4 { font-size:16px; }
h5 { font-size:14px; }
h6 { font-size:12px; }

img { border:0; }

a { text-decoration:none; color:#666; }
a:hover { color:#0064ad; }

.clear { float:none; clear:both; }

.texte_blanc { color:#fff; }
.texte_bleu { color:#0064ad; }
.texte_gris_clair { color:#999; }
.texte_12 { font-size:12px; }

.bords_bleu { border:1px solid #0064ad; border-collapse:collapse; }
.bords_gris { border:1px solid #666; border-collapse:collapse; }

#entete, #page, #footer { width:980px; margin-left:auto; margin-right:auto; }

#entete { height:158px; background-image:url(images/tetiere.jpg); background-position:left top; background-repeat:no-repeat; }
#entete_gauche, #entete_droite { height:158px; }
#entete_gauche { width:400px; float:left; }
#entete_droite { width:580px; float:right; }
#entete_droite img { margin-top:27px; margin-left:290px; }

#page_principal, #page_player { width:980px; margin-left:auto; margin-right:auto; background-repeat:no-repeat; }
#page_principal { height:535px; padding-top:38px; background-image:url(images/principal-ap.png); }
/*#page_player { height:801px; background-image:url(images/player-ap.png); }*/
#page_player { height:801px; }
#corps_principal, #corps_player, #corps_contact { margin-left:auto; margin-right:auto; background-repeat:no-repeat; overflow:hidden; }
#corps_principal, #corps_contact { width:921px; height:496px; }
#corps_principal { background-image:url(images/principal-fond.png); }
#corps_contact { color:#fff; font-size:12px; background-image:url(images/contact-fond.png); }
#corps_contact a { color:#fff; text-decoration:underline; }
#corps_contact a:hover { color:#ccc; }
#identifie { height:53px; clear:both; float:none; color:#fff; font-weight:bold; padding-left:50px; padding-right:50px; font-size:14px; }
#identifie { height:53px; line-height:53px; }
#identifie .connexion a { color:#ccc; text-decoration:none; font-size:12px; font-weight:normal; text-align:right; }
#identifie .connexion a:hover { color:#AD1800; }
#identifie a { color:#ccc; text-decoration:underline; }
#identifie a:hover { color:#AD1800; }
#corps_player { width:908px; height:695px; background-image:url(images/player-fond.png); }

.jScrollPaneContainer { position:relative;overflow:hidden;z-index:1; margin-top:25px; }
.jScrollPaneTrack { position:absolute;cursor:pointer;right:0;top:0;height:100%;background-image:url('images/player/template/scroller_background.gif'); }
.jScrollPaneDrag { position:absolute;background:#BDA6A6;cursor:pointer;overflow:hidden; }
.jScrollPaneDragTop { position:absolute;top:0;left:0;overflow:hidden; }
.jScrollPaneDragBottom { position:absolute;bottom:0;left:0;overflow:hidden; }
a.jScrollArrowUp { display:block;position:absolute;z-index:1;top:0;right:0;text-indent:-2000px;overflow:hidden;/*background-color:#666;*/height:9px; }
a.jScrollArrowUp:hover { /*background-color:#f60;*/ }
a.jScrollArrowDown { display:block;position:absolute;z-index:1;bottom:0;right:0;text-indent:-2000px;overflow:hidden;/*background-color:#666;*/height:9px; }
a.jScrollArrowDown:hover { /*background-color:#f60;*/ }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color:#f00;*/ }

#contenu { margin:25px; height:450px; width:875px; padding-right:5px; overflow:auto; }

#footer { margin-top:20px; color:#666; }
#footer a { text-decoration:none; color:#666; }
#footer a:hover { color:#0064ad; }
#footer .gauche { margin-left:0px; float:left; width:500px; height:80px; }
#footer .gauche img { margin-right:10px; }
#footer_menu_contact, #footer_menu_about, #footer_menu_rate { position:absolute; }
#footer_menu_about { margin-left:105px; }
#footer_menu_rate { margin-left:221px; }
#footer_ss_menu_about { position:absolute; width:106px; margin-top:16px; padding-bottom:15px; padding-top:20px; background-image:url(images/footer-ss-menu-about.png); background-position:bottom; display:none; }
#footer_ss_menu_about a { margin-left:10px; height:15px; line-height:15px; color:#fff; font-weight:bold; font-size:12px; display:block; }
#footer_ss_menu_about a:hover { color:#333; }
#footer .milieu { float:left; text-align:center; margin-left:10px; width:150px; font-weight:bold; height:33px; line-height:33px; }
#footer .milieu a { font-weight:bold; }
#footer .droite { float:right; text-align:right; margin-right:25px; width:400px; height:33px; line-height:33px; }


#index_texte { float:left; width:287px; height:496px; background-image:url(images/index-texte-fond.png); background-repeat:no-repeat; }
#texte { margin:25px 20px; color:#fff; text-align:justify; font-weight:bold; font-size:10px; }
#index_albums { float:left; width:604px; margin-top:25px; margin-left:30px; }
#index_albums .album { float:left; margin-bottom:30px; margin-right:30px; }
#index_albums .ombre { width:160px; height:160px; padding-bottom:14px; padding-right:10px; margin-left:auto; margin-right:auto; background-image:url(images/index-albums-ombre.png); background-position:right bottom; background-repeat:no-repeat; }
#index_albums .description { position:absolute; cursor:pointer; width:140px; height:140px; overflow:hidden; padding:10px; background-image:url(images/index-albums-description.png); color:#fff; display:none; }
#index_albums .couv { position:absolute; cursor:pointer; }
#index_albums .btn_play { margin-top:0px; color:#fff; background-image:url(images/index-albums-description.png); float:right; }
#index_albums h4 { color:#0064ad; font-size:12px; }
#index_albums h4 a { color:#999; text-decoration:none; }
#index_albums h4 a:hover { color:#0064ad; }

#scrollHome .album { float:left; width:25%; text-align:center; height:110px; }
#scrollHome .couv { position:absolute; margin-left:40px; text-align:center; }
#scrollHome .description { position:absolute; margin-top:75px; text-align:center; width:25%; }
#scrollHome .btn_play { position:absolute; text-align:center; margin-left:40px; margin-top:5px; color:#fff; background-image:url(images/index-albums-description.png); }
#scrollHome h4 { color:#0064ad; font-size:12px; }
#scrollHome h4 a { color:#999; text-decoration:none; }
#scrollHome h4 a:hover { color:#0064ad; }

.popup { background-image:url(images/popup-ombre.png); background-position:bottom right; background-repeat:no-repeat; padding-right:13px; padding-bottom:14px; }