/*=========================================================
	Style des pages 4A4
	* Author: PhM
	* Copyright: 2008 Ph. Marillia
	* Date: 01/01/03
	* Updated: 25/05/09
	====================================================*/


/*=======================================================
	Style Général
	====================================================*/

body { font-family: Verdana; text-decoration : none; font-size: 12px;}

H1 { font-family: Verdana; font-size: 14px; font-weight: bold; }
H2 { font-family: Verdana; font-size: 13px; font-weight: bold; color: rgb(153,51,0); }
p  { font-family: Verdana; font-size: 12px }

a         { color: #663300; font-family: Verdana; text-decoration: underline; } /* for unvisited links */
a:visited { color: #663300; font-family: Verdana; } /* for visited links */
a:active  { color: #663300; font-family: Verdana; } /* when link is clicked */
a:hover   { color: #663300; font-family: Verdana; text-decoration: none; } /* when mouse is over link */




/*=======================================================
	Style des pages et des boites
	====================================================*/

#conteneur {
/*	 background: url(./images/background.gif) repeat-y;
*/	width: 1040px;
	margin:0  auto;
}

#logo {
	/* background-color:white; */
	float:left;
	width: 500px;
	margin-left: 120px;
  margin-bottom: 10px;
}

#recherche {
		float:left;
    width: 150px;
        /* background-color:white; 
	height: 38px;
	margin-top: 0px;
	margin-left: 120px;
	margin-right: 120px;
	text-align:left;
	padding:7px 7px 7px;
	*/
		text-align: left;
  margin-bottom: 10px;
  }
.find {
      margin:-5px 0 0 0px;
      background:url("./images/search-bg.png") 0 0px no-repeat;
      width: 110px;
      padding:6px 25px 20px 25px;
      border: 0px ;
      }
.newsletter {
    margin-top:-15px;
    	font-size: 10px;
}

#online {
	/* background-color:white; */
		float:left;
    width: 150px;
	height: 14px;
	font-size: 10px;
	font-weight: bold;
	color: grey;
	border: 1px grey solid;
	text-align: center;
	  margin-bottom: 10px;
}





#centre {
	/* background-color:white; */
	margin-top:10px;
  margin-left: 120px;
	margin-right: 120px;
}

#gauche {
/*	background-color:white;
*/
	margin-top:10px;
  	background: url(./images/background_g.gif) no-repeat;
	float:left;
	/* width: 120px; */
	display: inline;
}

#droite {
/* background-color:white;
*/
	margin-top:10px;
  	background: url(./images/background_d.gif) no-repeat;
	float:right;
	width: 120px;
	display: inline;
}

#guestbookmsgindex a {
 color: green; 
 font-family: Verdana; 
 text-decoration: none;
}

#guestbookmsgindex a:hover {
 color: #663300;
 font-family: Verdana; 
 text-decoration: none;
}

/*--- pour les tableaux de la 1ere page ----*/

.topscore_container
{
	float:left;
	display:inline;
	width:395px;
	margin-right:3px;
	margin-left:2px;
}

/*--- tableau vert ---*/

.topscore_top_left_vert {
	float:left;
	display:inline;
	background-image:url(./images/t_vert_haut_gauche.png);
	background-repeat:no-repeat;
	height:34px;
	width:10px;
}

.topscore_top_middle_vert {
	float:left;
	display:inline;
	background-image:url(./images/t_vert_haut_centre.png);
	background-repeat:repeat-x;
	color:#FFF;
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:16px;
	text-align: center;
	font-weight:bold;
	line-height:34px;
	height:34px;
	width:365px;
}

.topscore_top_right_vert {
	float:left;
	display:inline;
	background-image:url(./images/t_vert_haut_droit.png);
	background-repeat:no-repeat;
	height:34px;
	width:15px;
}

.topscore_center_vert {
	clear:both;
	border-left:2px solid #BBD473;
	border-right:2px solid #BBD473;
	font-size:11px;
	color:red;
	margin-left:1px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	width:358px;
	height:260px;
}

.topscore_bottom_left_vert {
	float:left;
	display:inline;
	background-image:url(./images/t_vert_bas_gauche.png);
	background-repeat:no-repeat;
	background-position:top left;
	height:8px;
	width:15px;
}

.topscore_bottom_middle_vert {
	float:left;
	display:inline;
	background-image:url(./images/t_vert_bas_centre.png);
	background-repeat:repeat-x;
	background-position:top left;
	height:8px;
	width:360px;
}

.topscore_bottom_right_vert {
	float:left;
	display:inline;
	background-image:url(./images/t_vert_bas_droit.png);
	background-repeat:no-repeat;
	background-position:top;
	height:8px;
	width:15px;
}


/*--- tableau bleu ---*/

.topscore_top_left_bleu {
	float:left;
	display:inline;
	background-image:url(./images/t_bleu_haut_gauche.png);
	background-repeat:no-repeat;
	height:34px;
	width:10px;
}

.topscore_top_middle_bleu {
	float:left;
	display:inline;
	background-image:url(./images/t_bleu_haut_centre.png);
	background-repeat:repeat-x;
	color:#FFF;
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-align: center;
	line-height:34px;
	height:34px;
	width:365px;
}

.topscore_top_right_bleu {
	float:left;
	display:inline;
	background-image:url(./images/t_bleu_haut_droit.png);
	background-repeat:no-repeat;
	height:34px;
	width:15px;
}

.topscore_center_bleu {
	clear:both;
	border-left:2px solid #8BB6E1;
	border-right:2px solid #8BB6E1;
	font-size:11px;
	color:red;
	margin-left:1px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	width:358px;
	height:260px;
}

.topscore_bottom_left_bleu {
	float:left;
	display:inline;
	background-image:url(./images/t_bleu_bas_gauche.png);
	background-repeat:no-repeat;
	background-position:top left;
	height:8px;
	width:15px;
}

.topscore_bottom_middle_bleu {
	float:left;
	display:inline;
	background-image:url(./images/t_bleu_bas_centre.png);
	background-repeat:repeat-x;
	background-position:top left;
	height:8px;
	width:360px;
}

.topscore_bottom_right_bleu {
	float:left;
	display:inline;
	background-image:url(./images/t_bleu_bas_droit.png);
	background-repeat:no-repeat;
	background-position:top;
	height:8px;
	width:15px;
}

/*--- tableau orange ---*/

.tab_top_left_orange {
	float:left;
	display:inline;
	background-image:url(./images/t_orange_haut_gauche.png);
	background-repeat:no-repeat;
	height:34px;
	width:10px;
}

.tab_top_middle_orange {
	float:left;
	display:inline;
	background-image:url(./images/t_orange_haut_centre.png);
	background-repeat:repeat-x;
	color:#FFF;
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-align: center;
	line-height:34px;
	height:34px;
	width:665px;
}

.tab_top_right_orange {
	float:left;
	display:inline;
	background-image:url(./images/t_orange_haut_droit.png);
	background-repeat:no-repeat;
	height:34px;
	width:15px;
}

.tab_center_orange {
	clear:both;
	border-left:2px solid #FFCC00;
	border-right:2px solid #FFCC00;
	font-size:11px;
	color:red;
	margin-left:1px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	width:658px;
}

.tab_bottom_left_orange {
	float:left;
	display:inline;
	background-image:url(./images/t_orange_bas_gauche.png);
	background-repeat:no-repeat;
	background-position:top left;
	height:8px;
	width:15px;
}

.tab_bottom_middle_orange {
	float:left;
	display:inline;
	background-image:url(./images/t_orange_bas_centre.png);
	background-repeat:repeat-x;
	background-position:top left;
	height:8px;
	width:660px;
}

.tab_bottom_right_orange {
	float:left;
	display:inline;
	background-image:url(./images/t_orange_bas_droit.png);
	background-repeat:no-repeat;
	background-position:top;
	height:8px;
	width:15px;
}


#fond_scorch {
/*	background-image:url(./images/fond_scorch.png);
background-repeat:repeat-x;
*/

	border:1px solid rgb(255,204,102);
  background-color:rgb(255,255,255);
}
#cart_instrument {
float:left;
	width:80px;
	border:0px solid rgb(255,204,102);

}
#pied {
	/* background-color:white; */
	clear:both;
	margin-left: 120px;
	margin-right: 120px;
}

#copyright {
	/* background-color:white; */
	text-align: center;
	font-size: 10px;
	padding:7px 7px 7px;
}

#xiti {
	/* background-color:white; */
	text-align: center;
	font-size: 10px;
	padding:7px 7px 7px;
}

.input {
	border: 1px solid #000000;
	background-color: #FFFFFF;
	color: #000000;
	width: 129px;
	height: 22px;
	padding-left: 4px;
	padding-right: 4px;
	font-size: 9pt;
	font-family: Verdana;
}




/*
#noel {
	position:relative; top:0px; left:0px;
	text-align: center;
}

*/
#birthday {
	background-color:yellow;
	text-align: center;
	margin:0  auto;
	text-decoration: none;
	color: brown;
	font-weight: bold;
	font-size: 16px;
	line-height: 31px;
	padding: 0 10px;
	border: 2px orange solid;
}

/*
#view_cart {
	background-color:yellow;
	text-align: left;
	color: brown;
	font-size: 9px;
	border: 2px orange solid;
	width: 100px;
}
*/

/*=======================================================
	Style du menu 1ere ligne
	====================================================*/

#toolbar1 {
	clear:both;
	height: 31px;
	font-size: 9pt;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 120px;
	margin-right: 120px;
	overflow:hidden;
}
	#toolbar1 a  {text-decoration: none; color: white; font-weight: bold; line-height: 31px; padding: 0 15px;}
	#toolbar1 a:hover  {color: #FFCC66;}
	#toolbar1 ul {text-align: center; margin: 0px 0px 20px 0px;}
	#toolbar1 li {list-style-type: none; display: inline; border-left: 1px solid brown;}
	#toolbar1 li:first-child {border: none;}

	#home		#toolbar1-home,
	#concerts	#toolbar1-concerts,
	#download	#toolbar1-download,
	#newsletter #toolbar1-newsletter,
	#videos		#toolbar1-videos,
	#audio		#toolbar1-audio,
	#links		#toolbar1-links,
	#guestbook	#toolbar1-guestbook,
	#help		#toolbar1-help
	{
		background: url(./images/toolbar-select.png) 2px 0px no-repeat;
	}
	#Bug-Report	#toolbar1-Bug-Report
	{	font-size: 8pt; 
		background: url(./images/toolbar-select.png) 2px 0px no-repeat;
	}


.toolbar_left_marron {
	background-image:url(./images/t_marron_haut_gauche.png);
	background-repeat:no-repeat;
	float:left;
	display:inline;
	width:10px;
	height:34px;
}

.toolbar_right_marron {
	background-image:url(./images/t_marron_haut_droit.png);
	background-repeat:no-repeat;
	float:left;
	display:inline;
	width:15px;
	height:34px;
}

.toolbar_middle_marron {
	float:left;
	display:inline;
	height:34px;
	background-image:url(./images/t_marron_haut_centre.png);
	background-repeat:repeat-x;
	width:775px;
}




/*=======================================================
	Style du menu 2eme ligne
	====================================================*/

#toolbar2 {
	height: 31px;
	font-size: 9pt;
	margin-left: 120px;
	margin-right: 120px;
	margin-top: 0px;
	margin-bottom: 0px;
	overflow:hidden;
}
	#toolbar2 a  {text-decoration: none; color: brown; font-weight: bold; line-height: 31px; padding: 0 10px;}
	#toolbar2 a:hover  {color: white;}
	#toolbar2 ul {text-align: center; margin: 0px 0px 20px 0px;}
	#toolbar2 li {list-style-type: none; display: inline; border-left: 1px solid brown;}
	#toolbar2 li:first-child {border: none;}

	#Solo		#toolbar2-Solo,
	#Duo		#toolbar2-Duo,
	#Trio		#toolbar2-Trio,
	#Quartet	#toolbar2-Quartet,
	#Quintet	#toolbar2-Quintet,
	#Sextet		#toolbar2-Sextet,
	#Big-Band	#toolbar2-Big-Band,
	#Harmonie	#toolbar2-Orchestra
	{
		background: url(./images/toolbar-select.png) 2px 0px no-repeat;
	}


.toolbar_left_orange {
	background-image:url(./images/t_orange_haut_gauche.png);
	background-repeat:no-repeat;
	float:left;
	display:inline;
	width:10px;
	height:34px;
}

.toolbar_right_orange {
	background-image:url(./images/t_orange_haut_droit.png);
	background-repeat:no-repeat;
	float:left;
	display:inline;
	width:15px;
	height:34px;
}

.toolbar_middle_orange {
	float:left;
	display:inline;
	height:34px;
	background-image:url(./images/t_orange_haut_centre.png);
	background-repeat:repeat-x;
	width:775px;
}





/*=======================================================
	Style Bouton vert
	====================================================*/

.bouton_left_vert {
	background-image:url(./images/t_vert_haut_gauche0.png);
	background-repeat:no-repeat;
	float:left;
	display:inline;
	width:10px;
	height:34px;
}

.bouton_middle_vert {
	float:left;
	display:inline;
	height:34px;
	background-image:url(./images/t_vert_haut_centre.png);
	background-repeat:repeat-x;
	width:300px;
	color:black;
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-align: center;
	line-height:34px;

}

.bouton_right_vert {
	background-image:url(./images/t_vert_haut_droit0.png);
	background-repeat:no-repeat;
	float:left;
	display:inline;
	width:15px;
	height:34px;
}


/*=======================================================
	Style Bouton bleu
	====================================================*/

.bouton_left_bleu {
	background-image:url(./images/t_bleu_haut_gauche0.png);
	background-repeat:no-repeat;
	float:left;
	display:inline;
	width:10px;
	height:34px;
}

.bouton_middle_bleu {
	float:left;
	display:inline;
	height:34px;
	background-image:url(./images/t_bleu_haut_centre.png);
	background-repeat:repeat-x;
	width:300px;
	color:white;
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-align: center;
	line-height:34px;

}

.bouton_right_bleu {
	background-image:url(./images/t_bleu_haut_droit0.png);
	background-repeat:no-repeat;
	float:left;
	display:inline;
	width:15px;
	height:34px;
}








/*---- Pour le guest book ---*/

	/*---- Partie page navigation ---*/
	#guest_pagenavigate	{ color:green; font-size: 12px; width: 420px; text-align: center; margin: 0 auto 8px }

	/*---- Partie affichage ---*/
	#guest_show		{ background: #E9E9E9; border: solid 1px black; width: 700px; padding: 10px; margin: 0 auto 10px; text-align: left }
	#guest_name		{ font-size: 15px; font-weight: bold; float: left }
	#guest_email	{ font-size: 12px; font-weight: normal; float: right; margin-bottom: 1em }
	#guest_message	{ font-size: 12px; margin: 5px; width: 650px; margin-bottom: 1em; text-align: justify }
	#guest_date		{ font-size: 11px; text-align: right;font-style: italic ; }

	/*---- Partie formulaire ---*/
	#guest_form			{ background: #E9E9E9; border: solid 1px blue; width: 700px; padding: 10px; margin: 0 auto 10px; text-align: left }
	#guest_form_name,
	#guest_form_email,
	#guest_form_score,
	#guest_form_instrument,
	#guest_form_bar,
	#guest_form_captcha,
	#guest_form_code{ font-size: 12px; font-weight: normal; border: 1px blue solid; }
	#guest_form_message { font-size: 12px; font-weight: normal; background: #99CCCC; border: 1px blue solid; width: 685px; padding: 5px; margin: 5px auto 10px; text-align: left }



/*---- Pour le bug report ---*/

	/*---- Partie page navigation ---*/
	#bug_pagenavigate	{ color:green; font-size: 12px; width: 420px; text-align: center; margin: 0 auto 8px }

	/*---- Partie affichage ---*/
	#bug_show			{ background: #FFFFCC; border: solid 1px brown; width: 700px; padding: 10px; margin: 0 auto 10px; text-align: left }
	#bug_show_name		{ font-size: 12px; font-weight: normal; float: right }
	#bug_show_email		{ font-size: 12px; font-weight: normal; float: right;}
	#bug_show_score		{ font-size: 12px; font-weight: bold;}
	#bug_show_message	{ font-size: 12px; margin: 5px; width: 650px; text-align: justify }
	#bug_show_date		{ font-size: 11px; text-align: right;font-style: italic ; }

	/*---- Partie formulaire ---*/
	#bug_form			{ background: #FFFFCC; border: solid 1px orange; width: 700px; padding: 10px; margin: 0 auto 10px; text-align: left }
	#bug_form_name,
	#bug_form_email,
	#bug_form_score,
	#bug_form_instrument,
	#bug_form_bar,
	#bug_form_captcha,
	#bug_form_code	{ font-size: 12px; font-weight: normal; border: 1px orange solid; }
	#bug_form_message 	{ font-size: 12px; font-weight: normal; background: #FFCC66; border: 1px orange solid; width: 685px; padding: 5px; margin: 5px auto 10px; text-align: left }


/*---- Pour les demandes de link ---*/

	/*---- Partie page navigation ---*/
	#link_pagenavigate	{ color:green; font-size: 12px; width: 420px; text-align: center; margin: 0 auto 8px }


	/*---- Partie formulaire ---*/
	#link_form			{ background: #FFFFCC; border: solid 1px orange; width: 700px; padding: 10px; margin: 0 auto 10px; text-align: left }
	#link_form_email,
	#link_form_website,
	#link_form_captcha,
	#link_form_code	{ font-size: 12px; font-weight: normal; border: 1px orange solid; }
	#link_form_sujet 	{ font-size: 12px; font-weight: normal; background: #FFCC66; border: 1px orange solid; width: 685px; padding: 5px; margin: 5px auto 10px; text-align: left }



/*---- Pour la composition de la newsletter ---*/

	#news_form			{ background: #99CCCC; border: solid 1px blue; width: 780px; padding: 5px; margin: 1px auto 5px; text-align: center }
	#news_form_message 	{ background: #6699FF; border: solid 1px blue; width: 750px; padding: 5px; margin: 2px auto 5px; text-align: left; font-size: 11px; font-weight: normal;   }
	#news_form_submit 	{ background: #000099; color: white; }

/*---- Pour la fonction send_scores ---*/

	#send_form			{ background: #FFFFCC; border: solid 1px orange; width: 800px; padding: 10px; margin: 0 auto 10px; text-align: left }
	#send_form_liste	{ overflow:auto; height: 300px; }
	#send_form_message,
	#send_form_email,
	#send_form_scores 	{ font-size: 12px; font-weight: normal; background: #FFCC66; border: 1px orange solid; width: 375px; padding: 5px; margin: 5px auto 10px; text-align: left }
	#send_form_firstname,
	#send_form_lastname,
	#send_form_country,
	#send_form_price 	{ font-size: 10px; font-weight: normal; background: #FFCC66; border: 1px orange solid; width: 80px; padding: 5px; margin: 5px auto 10px; text-align: left }


/*---- Pour le l'aide en ligne ---*/

	#help_cadre		{ background: #ffe88b; border: solid 1px black; width: 700px; padding: 10px; margin: 0 auto 10px; text-align: left }
	#help_question	{ font-size: 15px; font-weight: bold; float: left}
	#help_reponse	{ font-size: 12px; margin: 5px; width: 600px; margin-bottom: 1em; text-align: justify}
	#help_topic		{ font-size: 12px; font-weight: normal; float: right; margin-bottom: 1em}


/*---- Pour les tableaux triables ---*/

	#table_triable			{ width: 800px; border-collapse:collapse;  font-family: Verdana; font-size: 12px;}
	#table_triable2			{ border-collapse:collapse;  font-family: Verdana; font-size: 12px;}
	#table_triable TR		{ TEXT-ALIGN:center ;background-color:white }
	#table_triable TH		{ }
	#table_triable TD		{ TEXT-ALIGN:left ; }
	#table_triable TR:hover	{ background-color:silver; }
	.tab_thdebut { TEXT-ALIGN:left ; width: 10px; background-image:url(./images/t_orange_haut_gauche.png); height:34px;}
	.tab_thfin   { TEXT-ALIGN:right ; width: 10px; background-image:url(./images/t_orange_haut_droit.png); height:34px;}
	.tab_thcentre{ TEXT-ALIGN:left ; background-image:url(./images/t_orange_haut_centre.png); height:34px;}
	.tab_th1{ TEXT-ALIGN:left ; width: 90px;   background-image:url(./images/t_orange_haut_centre.png); height:34px;}
	.tab_th2{ TEXT-ALIGN:left ; width: 160px;  background-image:url(./images/t_orange_haut_centre.png); height:34px;}
	.tab_th3{ TEXT-ALIGN:left ; width: 385px;  background-image:url(./images/t_orange_haut_centre.png); height:34px;}
	.tab_th4{ TEXT-ALIGN:left ; width: 100px;  background-image:url(./images/t_orange_haut_centre.png); height:34px;}
	.tab_th5{ TEXT-ALIGN:left ; width: 40px;   background-image:url(./images/t_orange_haut_centre.png); height:34px;}


	/* .sortable					{ font-weight:bold ; }
	*/




.infobulle{
	position: absolute;	
	visibility : hidden;
	border: 1px solid Black;
	padding: 5px;
	font-family: Verdana, Arial;
	font-size: 11px;
	background-color: white;
}


#viewcart {
	position: relative;
	top: 30px;
	left: 30px;
}

#multicouche {
  position: relative; /*l'élément est positionné mais il se place tout seul*/
}
#multicouche input {
  position: absolute;
}
 
#couche1 {
  z-index: 1;
}
 
#couche2 {
  z-index: 2;
}