*{font-size:12px;}

body {
height: 100%;
margin: 0;
background-color : white;
text-align :left;
font-family: Verdana, sans-serif;
color: #ffffff;
font-size:12px;
text-align:left;
}

.popup{
background-color:#CFCFB4;
}

/*background-image: url(../../../centre_metal/html/images/skins/header02.jpg);*/

#loginBox	{
width : 270px ;
height : 78px;
/**border: solid 1px #bbbbbb;**/
float: right;
}

.logintxt	{
font-family: Verdana, sans-serif;
font-size: 11px;
padding: 0 0 0 14px;
font-weight: normal;
width: 56px;
}

.logintxt2 	{
font-family: Verdana, sans-serif;
font-size: 10px;
padding: 5px 0 0 0;
font-weight: normal;
}

.logintxt2 a	{
font-family: Verdana, sans-serif;
font-size: 10px;
}

.logintxt2 a:hover	{
font-family: Verdana, sans-serif;
font-size: 10px;
padding: 7px 0 0 0;
font-weight: normal;
color: #3366CC;
}


.droite {

width : 600px ;
float : left;
margin-left : 10px; 
margin-top : 10px;
padding-bottom:10px;
}

img.floatLeft { 
    float: left; 
    margin: 4px; 
}


#searchbox {
	height: 96%;
	padding: 5px;
}


#theme	{
	width: 180px;
	height: 460px;
	font: Verdana, Arial, Helvetica, sans-serif bold;
}

#album	{
	width: 175px;
}

#keyword	{
	width: 160px;
}



#resultats	{
	
}
/**width: 400px;**/
.searchboxcolor	{
	padding: 10px;
	background: #DDDDDD;
	border: 5px solid #FFF;
}

.searchboxcolor2	{
	padding: 10px;
	background:#636B6F;
	border: 5px solid #FFF;
}

.albums_selected	{
	border: 2px solid #00A3D1;
}

.titresquicksearch	{
	width: 120px;
	font-family: Verdana, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #003366;	
	border-bottom: 1px solid #AAA;
}

.titresquicksearch2	{
	width: 120px;
	font-family: Verdana, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;	
	border-bottom: 1px solid #AAA;
}

.titrepage	{ color: #c7d0e0; margin-right: 0; margin-bottom: 0;
	font: bold 11px/17px Verdana, sans-serif;
	letter-spacing: 0.5em;
	text-transform: uppercase;
	padding-left: 89px;
	padding-right: 0;
}



textarea, input{

	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;

	background-color: #F5F5F5;

	border: 1px solid buttonshadow;

	margin-right: 5px;

	margin-left: 5px;
}





select{

	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;

	background-color: #F5F5F5;

	border: 1px solid buttonshadow;

}
a { 

text-decoration: none;

font-family: Verdana, sans-serif;

font-size: 11px;

color: #000000;

} 
a:visited{

text-decoration: none;

font-family: Verdana, sans-serif;

font-size: 11px;

color: #000000;

}



a:hover {

text-decoration: none;

font-family: Verdana, sans-serif;

font-size: 11px;

color: #336799;

} 

.fleches, a.fleches, a.fleches:visited, a.fleches:hover{
font-weight:bold;
font-family: Verdana, sans-serif;
font-size: 11px;
color: #ffffff;
}

.scr{

 font: 11px "Lucida Grande", Lucida, Verdana, sans-serif; 

 border: 0px solid buttonshadow; 

 margin-right: 0px;

}
#track_info{
text-align:left;
	font-size: 10px;
	line-height: 14px;
	letter-spacing: 0.1em;
	padding-left: 4px;
}

#track_name{
text-align:left;
	font-size: 11px;
	line-height: 13px;
	font-weight: bold;
}

#track_albumtitle{
text-align:left;
	font-size: 10px;
	line-height: 12px;
}

#track_albumref{
text-align:left;
	font-size: 10px;
	line-height: 12px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

#titre_info{
color:#4E6161;
font-size:10px;
font-weight:normal;
}
#valeur_info{
color:#354446;
font-size:10px;
font-weight:bold;
}

#mosaique_albums {
	position:absolute;
	width:800px;
	height:600px;
	z-index:1000001;
	left: 221px;
	top: 190px;
}
#mosaique_albums_numbers{
	position:absolute;
	width:200px;
	height:25px;
	z-index:1000002;
	left: 50px;
	top: 10px;
	
}
#mosaique_albums_pagination{
/**	position:absolute;**/
/**	width:300px;**/
	height:25px;
/**	text-align: right;**/
	z-index:1000002;
/**	left: 600px;**/
	margin-right: 6px;
	float: right;
	top: 10px;
	
}

#mosaique_albums_pagination_bas{
/**	position:absolute;**/
/**	**/
	height:25px;
/**	text-align: right;**/
	z-index:1000003;
/**	left: 600px;**/
	margin-right: 10px;
	
	float: right;
	
}

#mosaique_albums_contenu{
	position:absolute;
	z-index:1000002;
	width:740px;
	height:550px;
	left: 50px;
	top: 40px;
	
}

#mosaique_albums_pochettes{
	width:318;
	height:112px;
	float:left;
	margin-right:30px;
	margin-bottom:36px;
}

#detail_album_infos {
height: 460px; width: 360px; left: 270px; top: 218px; position: absolute;
}
#detail_compositeur_infos {
height: 460px; left: 210px; top: 218px; position: absolute;
}

#layer_track {
width: 840px; left: 186px; top: 440px;
position: absolute;
z-index:99;
}

#fermer_bulle{
margin-right:15px;
color:white;
}
#fermer_bulle a, #fermer_bulle a:hover, #fermer_buller a:visited{
color:white;
}
#bulle_mots_cellule {
background:#1A2836;
-moz-opacity:0.9;
opacity: 0.9;
filter:alpha(opacity=90);
}
#bulle_mots_scroll {
height: 200px;
width: 460px;
overflow: auto;
padding: 8px;
}

#bulle_mots {
color:white;
	padding:10px;
	width:420px;
}

#bulle_mots a{
color:white;
}

#pagination_tracks { width: 375px;height:30px;left: 645px; top: 201px; position: absolute; visibility: visible; }

#liste_tracks {
width: 375px;height:600px;left: 645px; top: 228px; position: absolute; visibility: visible;overflow: auto;
}

.coins {  font-family: Verdana, sans-serif; font-size: 11px; background-color: #26B4B1}

.TexteCourant {  
font-family: Verdana, sans-serif; font-size: 11px;}
.TexteCourantReserve { color: #c7d0e0; font-size: 11px; font-family: Verdana, sans-serif; font-weight: normal; letter-spacing: 1px; }

.TexteCourantReserveCMS {
	color: #c7d0e0; letter-spacing: 1px;
	padding-left: 68px;
	font: normal 10px/17px Verdana, sans-serif;
	text-align: left;
}

.TexteCourantReserveCMS p {
	color: #c7d0e0; letter-spacing: 1px;
	font: normal 10px/17px Verdana, sans-serif;
}

.TexteCourantReserveCMS a {
	color: #c7d0e0; letter-spacing: 1px;
	font: normal 10px/17px Verdana, sans-serif;
	text-align: left;
	text-decoration: underline;
}

.TexteCourantReserveCMS a:visited {
	color: #c7d0e0; letter-spacing: 1px;
	font: normal 10px/17px Verdana, sans-serif;
	text-align: left;
	text-decoration: underline;
}

.TexteCourantReserveCMS a:hover {
	text-decoration: underline; letter-spacing: 1px;
	font: normal 10px/17px Verdana, sans-serif;
	text-align: left;
	color: white;
}

.TexteNavReserve { color: #c7d0e0; font-size: 9px; font-family: Verdana, sans-serif; font-weight: normal; letter-spacing: 1px; }
.TexteNavReserve:hover { color: #c7d0e0; font-size: 9px; font-family: Verdana, sans-serif; font-weight: normal; text-decoration: underline; letter-spacing: 1px; }
.vignette { background-color: transparent;
	opacity: 0.6;
}

.vignette:hover { background-color: transparent;
	opacity: 1;
}
.TexteNavReserveActive { color: #fff; font-size: 9px; font-family: Verdana, sans-serif; font-weight: bold; letter-spacing: 1px; }
.TexteCourant2 {  
font-family: Verdana, sans-serif; font-size: 11px; color: #ffffff;}
.TexteMoyen {  
font-family: Verdana, sans-serif; font-size: 11px; color: #000000;
font-size: 13px;
}
.table_entete {
	background-color: #999999;
	border: 1px #FFFFFF dotted;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

.tableImages { background-color: #FFFFFF; border: 1px #FF9900 dotted; font-family: Verdana, sans-serif; font-size: 11px }

.TextePetit { font-family: Verdana, sans-serif; font-size: 9px; }
.TexteGrand { font-family: Verdana, sans-serif; font-size: 14px; color: #FF6600; }

.TexteCourantBold { font-family: Verdana, sans-serif; font-size: 11px ; font-weight: bold}

.TexteCourantBold12 { font-family: Verdana, sans-serif; font-size: 12px; color: #000000; ; font-weight: bold}

.TitreGras { font-family: Verdana, sans-serif; font-size: 11px; font-weight: bold; color: #c7d0e0; line-height: 23px; padding-bottom: 16px;
	padding-left: 68px;
	letter-spacing: 0.1em;
}

.Titre { font-family: Verdana, sans-serif; font-size: 15px; font-weight: normal; color: #fff ; line-height: 23px; letter-spacing: 1px; }
.TitreAlbumCaps { color: #c7d0e0; font-size: 10px; font-family: Verdana, sans-serif; font-weight: normal; line-height: 14px; text-transform: uppercase; letter-spacing: 0; }
.RefAlbumCaps { color: #c7d0e0; font-size: 10px; font-family: Verdana, sans-serif; font-weight: bold; line-height: 14px; text-transform: uppercase; letter-spacing: 1px; padding-top: 6px; }
.TexteDescriptionAlbum { color: #ffffff; font-size: 9px; font-family: Verdana, sans-serif; font-weight: normal; line-height: 14px; letter-spacing: 0.5px; padding-top: 6px; }

.TexteDescriptionAlbum a, .TexteDescriptionAlbum a:visited, .TexteDescriptionAlbum a:link{
color: #FFFFFF;
text-decoration: none;
}

.TexteDescriptionAlbum a:hover{
color: #002F53;
text-decoration: none;
}

.TexteDescriptionTrack  { 
	color: #364257; font-size: 10px; font-family: Verdana, sans-serif; font-weight: normal; line-height: 14px; letter-spacing: 0.5px;
	opacity: 0.6;
	background-color: #C7D0E0;
	padding: 4px 4px 4px 6px;
	width: 350px;
	/**height:50px;**/
	border-bottom: 1px solid #BBB;
}


.TexteDescriptionTrackOver { color: #364257; font-size: 10px; font-family: Verdana, sans-serif; font-weight: normal; line-height: 14px; letter-spacing: 0.5px;
	opacity: 1;
	background-color: #D3D5BC;
	padding: 4px 4px 4px 6px;
	width: 350px;
	/**height: 50px;**/
}

.cell_news {
margin-bottom: 10px;

}

.TexteDescriptionNews {color: #c7d0e0;
	font: normal 9px/11px Verdana, sans-serif;
	padding-left: 5px;
	vertical-align: top;
}

.TexteDescriptionNews a {color: #c7d0e0;
	font: normal 9px/11px Verdana, sans-serif;
	padding-left: 5px;
	vertical-align: top;
}

.TexteDescriptionNews a:hover { color: #fff; 
	font: 9px/11px Verdana, sans-serif;
	text-decoration: none;
	padding-left: 5px;
	vertical-align: top;
}

.BlocDescriptionVignette {
	opacity: 0.6;
	vertical-align: baseline;
}

.img_news {
	float:left;
	vertical-align: top;
	margin: 5px 5px 5px 0;
}

.txt_news	{
	font-size: 9px;
	line-height: 11px;
	vertical-align: top;
	padding-top: 3px;
}

.BlocDescriptionVignette a:hover {
	opacity: 1;
	vertical-align: baseline;
}
.error	{
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-size: 11px;
	padding: 6px 0 6px 0;
	color: #DD0000;
}

.message {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: #FF6600;
}


/*Images opacifiées*/
.toggleopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.7;
opacity: 0.7;
}

.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}


.toggleborder:hover{
color: red; /* Dummy definition to overcome IE bug */
}



/**
div avec scroll
**/
div.scroll {
	height: 400px;
	width: 100px;
	overflow: auto;
	border: 1px solid #666;
	background-color: #ccc;
	padding: 8px;
}
/**
table en mode admin
**/
table#grille {
	
}
table#grille td{
	padding:10px;
	font-family: Verdana, sans-serif;
	color: #C3D0E3;
	font-size:10px;
	text-align:left;
}
table#grille td.toprow{
background-color:#003366;
color:#0099FF;

}
table#grille td a,table#grille td a:visited,table#grille td a:link{
	font-family: Verdana, sans-serif;
	color: #838FA4;
	font-size:10px;
}
table#grille td a:hover{
	font-family: Verdana, sans-serif;
	color: #FFFFFF;
	font-size:10px;
}
.grille_input {
	margin:0px;
	padding:0px;
 	font-family: Verdana, sans-serif;
	color: #000000;
	font-size:10px;
	background-color:#C5D0DE;
	height:15px;
}
.grille_textarea {
	margin:0px;
	padding:0px;
 	font-family: Verdana, sans-serif;
	color: #000000;
	font-size:10px;
	background-color:#C5D0DE;
}
.grille_input_submit {
 	font-family: Verdana, sans-serif;
	color: #C5D0DE;
	font-size:11px;
	background-color:#2885FF;
}
.grille_input_check {
	margin:0px;
	margin-bottom:2px;
	padding:0px;
	height:12px;
	width:12px;
}


table#sample_admin {
    background-color:#FFFFFF;
    border: solid #000 1px;
}

table#sample_admin td {

}

.data_admin {
    color: #000000;
    text-align: right;
    background-color: #CCCCCC;
	font-size:11px;

}

.toprow_admin {
    font-style: italic;
    text-align: center;
    background-color: #A2C7E1;
	font-size:11px;
}
.toprow_admin_left {
    font-style: italic;
    text-align: left;
    background-color: #A2C7E1;
	font-size:11px;
}
.leftcol_admin {
    text-align: left;
    background-color: #CCCCCC;

}
.rightcol_admin {

    font-weight: bold;
    text-align: right;
    background-color: #CCCCCC;
}


/**
Style pour la visite
**/
table#sample_visite {

}

table#album_titres {
    background: #E4E4E4;
}
.cell_album{
background:#636B6F;
padding: 15px 10px 15px 10px;
}

#album_titres table {
	background-color: #FFFFFF;
}

.data_visite {
	color: #000000;
	text-align: right;
	font-size: 11px;
	padding: 5px;
	border-bottom: 1px solid #000000;

}

.info_visite {
	color: #000000;
	text-align: right;
	background-color: #E4E4E4;
	font-size: 11px;
	padding: 4px 0 4px 12px; 

}
.info_visiteleft {
	color: #000000;
	text-align: left;
	background-color: #E4E4E4;
	font-size: 11px;
	padding: 4px 0 4px 12px; 

}
.toprow_visite {
	font-style: italic;
	text-align: center;
	font-size: 11px;

}

.leftcol_visite {
	font-weight: bold;
	text-align: left;
	font-size: 11px;
	padding-left:5px;
	border-bottom: 1px solid #000000;

}
.rightcol_visite {
	font-weight: bold;
	text-align: left;
	font-size: 11px;
}

.cel_tab_visite {
	text-align: left;
	font-size: 11px;
	padding-left:5px;
}

 /** dans le tableau, présentation des infos**/
 .cell_gras{
 text-align:left;
 vertical-align:middle;
 font-weight:bold;
 }
 
 .cell_maigre{
  text-align:left;
 vertical-align:middle;
 font-weight:normal;
 }
 
  .cell_icones{
 text-align:right;
 vertical-align:middle;
 font-weight:bold;
 border-top: 1px solid #BBB;
 margin-top: 6px;
 padding: 4px 0 0 0;
 }
 
.cell_icones a {
color: #336699;
font-size:10px;
}
.cell_icones a:visited {
color: #336699;
font-size:10px;
}
.cell_icones a:hover {
color: #993399;
font-size:10px;
text-decoration: underline;
}
 
 .cell_notes{
 text-align:left;
 vertical-align:middle;
 font-weight:normal;
 height:35px;
 }


 /**pour le div de pagination**/
 
.pagination{
color:  #c7d0e0;
font-size: 9px;
letter-spacing: 1px
/** width:250px;**/
padding: 0 0 8px 0;
text-align: left;
}

.paginationActive{
color:  #ffffff;
font-size: 9px;
font-weight: bold;
letter-spacing: 1px
/** width:250px;**/
padding: 0 0 8px 0;
text-align: left;
}

.pagination a, .pagination a:visited {
color:  #c7d0e0;
font-size: 9px;
letter-spacing: 1px
/** width:250px;**/
padding: 0 0 8px 0;
text-align: left;
}

.pagination a:hover{
color:  #c7d0e0;
text-decoration: underline;
}


#zone_inscription, #zone_message_erreur_inscription{
padding: 0 0 20px 40px;
}

#menuhaut	{

}

#menuhaut ul	{
padding: 0;
margin: 0;
}

#menuhaut li	{
display: inline;
margin: 0;
padding: 0 3px 0 3px;
text-indent: 0;
border-right: 1px solid #8e9194;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}



/**le menu gauche pour la page d'accueil**/


#menugauche	{
	/**width: 175px;**/
	text-transform: uppercase;
	padding: 67px 2px 0 14px;
	font: 10px Verdana, sans-serif;
}

#menugauche	a {
	color: #c7d0e0;
	font-size: 10px;
}
#menugauche	a:hover {
	color: white;
}
	
#menugauche	ul	{
	margin: 0px;
	list-style-type: none;
	padding: 0 0px 0px;
}

#menugauche	li	{
	list-style: none;	
	padding: 9px 0 0 6px;
	line-height: 12px;
}
/**Menu de l'historique quicksearch**/
#menuhisto	{
	/**width: 175px;**/
	padding: 8px 2px 0 6px;
	font: 9px Verdana, sans-serif;
}

#menuhisto	a {
	color: #c7d0e0;
}
#menuhisto	a:hover {
	color: white;
}
	
#menuhisto	ul	{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#menuhisto	li	{
	list-style: none;	
	padding: 0 0 0 6px;
	line-height: 22px;
}

#menuhistoheader{
padding-left:5px;
padding-right:5px;
padding-bottom:2px;
padding-top:2px;
margin:2px;
background-color:#125585;
color:#000000;
}
#menuhistoheader img {
 margin-left:80px;
}
/**le menu gauche pour la page d'accueil**/

#tracklist {
	overflow: scroll;
}



/**le menu gauche pour les news**/
#menugauche_news	{
	color: #c7d0e0;
	font: normal 9px Verdana, sans-serif;
	padding-left: 9px;
	padding-right: 3px;
	padding-bottom: 0;
	vertical-align: top;
	margin-left: 9px;
}

#menugauche_news	a {
	color: #c7d0e0;
	vertical-align: top;
}

#menugauche_news	a:hover {
	color: white;
	vertical-align: top;
}
#menugauche_news	ul	{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	vertical-align: top;
}

#menugauche_news	li	{
	list-style: none;
	margin: 0;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	vertical-align: top;
}


.bg_gris	{
	background: #e4e6e7;
}

.bg_gris2	{
	background: #8e9194;
}

.bg_gris3	{
background:#636B6F;
}

#blocflashalbums	{
	width: 100%;
}
#ecriturebg	{
	font: bold 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	color:#eeeeee;
	height:15px;
	padding: 10px 0 0 50px;
}

.blocflashbgtxt	{
	position:relative;
	top:-50px;
	padding-left: 20px;
	padding-right:20px;
	padding-bottom:15px;
	width:700px;
	text-align:justify;
	color:#FFFFFF;
}
.blocflashbgtxt a {
	color: #FFFFFF;
}
#txt01	{
	width: 128px;
	height: 22px;
	background: url(../images/divers/txt01.jpg) top no-repeat;
}
#player {

}
/**
affichage d'u marquee pour les news
**/
.newsticker {
text-align:left;
	width: 100%;
	height:700px;
	color:#ffffff;
	font: bold 10px Verdana, sans-serif;
	letter-spacing: 1px;
}
/**Mise en place des div 'comme des tableaux' en mosaique**/
div.float {
 	float: left;
 }

div.float p {
 	text-align: center;
}

 /**Mise en place des div 'comme des tableaux' en lignes horizontales**/
div.inline {
	padding-left:5px;
 	border:solid #000000;
	border-top:0px;
	border-bottom:solid 1px;
	border-left:0px;
	border-right:0px
}

div.float p {
 	text-align: center;
}
/**le container est toujours le même**/
div.container {
   background-color: #D7E7F2;
   border: 1px solid #287CB1;
   width:690;
 }
 /**le spacer aussi**/
 div.spacer {
 	clear: both;
 }
 
#style01 {
	width: 205px;
	background: #EFEFEF;
	border-top: 1px solid #888;
	border-bottom: 1px solid #888;
	margin: 18px 12px 0 0;
}

#style01 div{
	padding: 20px;
}

#style01 a {
	color: #000;
}
/**Texte grisé ...**/
.texte_gris {
font-size: 10px;
font-weight:bold;
color:#999999;
}

.infos_user{
	height: 35px;
}

.droite_admin{
	margin-left:20px;
}

.central_droite {
 padding-bottom:15px;
}

/** Landing Page **/

#landing_main	{
	width: 800px;
	height: 638px;
	position: relative;
	margin: 0 auto 0 auto;
	background: url(../images/landing/landingbg2.jpg) top left no-repeat;
}

#landing_main div	{
	position: absolute;
}

#landing_container	{
	position: absolute;
}

#landing_bg1	{
	background: url(../images/landing/landingbg1.jpg) top left no-repeat;
}

#landing_bg1	{
	background: url(../images/landing/landingbg1.jpg) top left no-repeat;
}

#icone_fr	{
	top: 278px;
	left: 210px;
	padding: 0;
}

#txt_fr	{
	width: 480px;
	height: 120px;
	top: 284px;
	left: 280px;
	padding: 0;
}

#txt_fr	a {
	color: #eeeeee;
	font-family: Verdana, sans-serif;
	font-size: 13px;
	line-height: 24px;
}



#icone_en	{
	top: 478px;
	left: 210px;
	padding: 0;
}

#txt_en	{
	width: 480px;
	height: 120px;
	top: 478px;
	left: 280px;
	padding: 0;
}

#txt_en	a {
	color: #eeeeee;
	font-family: Verdana, sans-serif;
	font-size: 13px;
	line-height: 24px;
}
#qs_themes	{
	width: 175px;
	text-transform: uppercase;
	padding: 8px 2px 0 6px;
	font: 10px Verdana, sans-serif;
	font-weight:bold;
	color:white;
}
#qs_themes	a{
	font: 10px Verdana, sans-serif;
	font-weight:bold;
	color:white;
}
#qs_themes	a:hover{
	font: 10px Verdana, sans-serif;
	font-weight:bold;
	color: #00A3D1;
}

#qs_themes_selected{
	color: #00A3D1;
	font-weight:bold;
}
#qs_themes_selected a{
	color: #00A3D1;
	font-weight:bold;
}

#qs_albums {
width: 247px;
position:absolute;
top:207px;
left:378px;
overflow: auto;
height:450px;
background-color:#7f8fac;
}

#qs_mots {
font: 9px/13px Verdana, sans-serif;
letter-spacing: 1px;
color: #ffffff;
width: 176px;
position:absolute;
top:207px;
left:196px;
overflow: auto;
height:450px;
background-color:#7f8fac;
}

#qs_mots a{
font: 9px/13px Verdana, sans-serif;
letter-spacing: 1px;
color: #ffffff;
text-decoration: none;
}
#qs_mots a:hover{
font: 9px/13px Verdana, sans-serif;
letter-spacing: 1px;
color: #ffffff;
text-decoration: underline;
}
#qs_mots_selected{
font: bold 11px/13px Verdana, sans-serif;
letter-spacing: 1px;
color: #ffffff;
text-decoration: none;
}
#qs_mots_selected a{
font: bold 11px/13px Verdana, sans-serif;
letter-spacing: 1px;
color: #ffffff;
text-decoration: none;
}

.qs_depart {
	line-height: 4px;
}

.qs_separateur {
	line-height: 6px;
}

#qs_mots a:visited{
font: 9px/13px Verdana, sans-serif;
letter-spacing: 1px;
color: #ffffff;
text-decoration: none;
}

#qs_mots a.bleue{
font: 9px/13px Verdana, sans-serif;
letter-spacing: 1px;
color: #c7d0e0;
text-decoration: none;
}
#qs_mots a:hover.bleue{
font: 9px/13px Verdana, sans-serif;
letter-spacing: 1px;
color: #c7d0e0;
text-decoration: underline;
}

#qs_mots a:visited.bleue{
font: 9px/13px Verdana, sans-serif;
letter-spacing: 1px;
color: #c7d0e0;
text-decoration: none;
}

#qs_mots_selected a:visited{
font: 9px/13px Verdana, sans-serif;
font-weight: bold;
letter-spacing: 1px;
color: #ffffff;
text-decoration: none;
}

#qs_newsearch	{
	text-transform: uppercase;
	padding: 0px 2px 0 15px;
	font: 10px Verdana, sans-serif;
	font-weight:bold;
	color:white;
}
#qs_newsearch	a{
	font: 10px Verdana, sans-serif;
	font-weight:bold;
	color:white;
}
#qs_newsearch	a:hover{
	font: 10px Verdana, sans-serif;
	font-weight:bold;
	color: #002F54;
}

#liste_tracks_qs {
width: 375px;height:450px;left: 643px; top: 207px; position: absolute; visibility: visible;overflow: auto;
}

#liste_tracks_search {
width: 800px;height:450px;left: 218px; top: 207px; position: absolute; visibility: visible;overflow: auto;
}

#pagination_tracks_qs_container {width: 375px;height:30px;left: 644px; top: 190px; position: absolute; visibility: visible; }
#pagination_tracks_qs {float:right;margin-right:10px;margin-top:2px; }


#pagination_tracks_search_container {width: 375px;height:30px;left: 644px; top: 190px; position: absolute; visibility: visible; }
#pagination_tracks_search {float:right;margin-right:10px;margin-top:2px; }

.separateur_news {
	color: #4681CA;
	background-color: #4681CA;
	height: 1px;
	margin-top: 4px;
}



.titre_news {
	color: #c7d0e0;
	font-size: 11px;
	line-height: 17px;
	font-weight: bold;
	letter-spacing: 1px;
	padding-top: 3px;
	padding-bottom: 5px;
	text-decoration: none;
}

a.titre_news:visited {
	color: #c7d0e0;
	font-size: 11px;
	line-height: 17px;
	font-weight: bold;
	letter-spacing: 1px;
	padding-top: 3px;
	padding-bottom: 5px;
	text-decoration: none;
}

a.titre_news {
	color: #c7d0e0;
	font-size: 11px;
	line-height: 17px;
	font-weight: bold;
	letter-spacing: 1px;
	padding-top: 3px;
	padding-bottom: 5px;
	text-decoration: none;
}

a.titre_news:hover {
	color: #ffffff;
	font-size: 11px;
	line-height: 17px;
	font-weight: bold;
	letter-spacing: 1px;
	padding-top: 3px;
	padding-bottom: 5px;
	text-decoration: none;
}

.whitelink a{color:white;}
.whitelink a:hover{color:#213142;}

#menupratique {
	padding-top: 5px;
	height:25px;
	margin-left:350px;
	display: block;
	position: relative;
}

#menupratique #current {
	border-bottom-width: 3px;
	border-bottom-style: solid;
}

#menupratique #current:hover {
}

#menupratique .currentAncestor {
	border-bottom-width: 3px;
	border-bottom-style: solid;
}

/* Parent - Level 0 */

#menupratique ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menupratique li {
	display: inline;
}

#menupratique a {
	font-size:10px;
	font-weight:bold;
	color: #2A3E51;
	border-bottom: none;
	margin-left: 15px;
	display: block;
	float: left;
	height: 20px;
}

#menupratique a:hover {
	font-size:10px;
	font-weight:bold;
	color:#6A88A6;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #6A88A6;
}

#menupratique a:active {
}
/**ranger titre dans le panier ou dans un projet**/
#actions_ranger{
color:#FFFFFF;font-weight:bold;
font-size:11px;
margin-left:5px;
}
#actions_ranger a{
color:#FFFFFF;
font-weight:bold;
font-size:11px;
}
#actions_ranger a:hover{
color:#354446;
font-weight:bold;
font-size:11px;
}

#actions_ranger #msg_ranger{
text-decoration:underline;
}

#actions_ranger .ranger_alert{
color:#FF0000;
font-size:10px;
}
#actions_ranger select, #actions_ranger input{
	width:175px;
	font-size:10px;
	background-color:#B5B894;
	color:#354446;
	margin-left:0;
	padding-left:0;
}

/**ranger album dans le panier ou dans un projet**/
#actions_ranger_album{
color:#FFFFFF;font-weight:bold;
font-size:11px;
margin-left:5px;
}
#actions_ranger_album a{
color:#FFFFFF;
font-weight:bold;
font-size:11px;
}
#actions_ranger_album a:hover{
color:#354446;
font-weight:bold;
font-size:11px;
}

#actions_ranger_album #msg_ranger{
text-decoration:underline;
}

#actions_ranger_album .ranger_alert{
color:#FF0000;
font-size:10px;
}
#actions_ranger_album select, #actions_ranger_album input{
	width:175px;
	font-size:10px;
	background-color:#6A88A6;
	color:#354446;
	margin-left:0;
	padding-left:0;
}

/**encart onglet compositeur**/
.encart_onglet_compositeur {
border:0px solid white;
overflow: hidden;
border:0px solid red;
width:600px;

}

ul#liste_titres_compositeur{
margin-left:0px;
padding-left:0px;
list-style-type: none;
}
ul#liste_titres_compositeur a{
color:#FFFFFF;
font-size:13px;
}
ul#liste_titres_compositeur a:hover{
color:#6A88A6;
font-size:13px;
}
/**sous-menu des catalogues cézame**/
#catalogue
{
	position:absolute;
	display:none;
	top:130px;
	left:350px;

}

#catalogue li{
 display: inline; 
 padding-left: 1em; padding-right: 1em;
 border:1px solid #cccccc;
 background-color: #EEEEEE;
 color:#000000;
 font-size:16px;
 font-weight:bold;
}
/* @end */