/* CSS Document */

#titrenom
{
	width:760px;
	background:url("../images/titre/info.jpg");
	height:104px;
	position:relative;
	margin-bottom:10px;
}

#cadreimg
{


	height:102px;
	width:102px;

	border:1px solid #0C5689;
	overflow:hidden;
	background: black;

}

#cadreimg img
{
	height:102px;
	width:102px;
}
 
#titrenom h1
{
	font-size:14px;
	color:#0C5689;
	position:absolute;
	left:125px;
	top:8px;
}

#titrenom h2
{
	font-size:16px;
	color:#000000;
	position:absolute;
	left:125px;
	top:26px;
}


#titrenom p.description
{
	width:420px;
	position:absolute;
	top:45px;
	left:125px;
	color:#0C5689;
	font-size:11px;
	text-align:justify;
}

#titrenom p.url
{
	width:420px;
	position:absolute;
	top:86px;
	left:125px;
	color:#98989B;
	font-size:10px;
}

#titrenom p.url a
{
	color:#98989B;
	text-decoration:none;
}

#titrenom .extrait
{
	font-size:10px;
	color:#000000;
	position:absolute;
	right:20px;;
	top:19px;

}

#titrenom .extrait img
{
	vertical-align:middle;
	text-decoration:none;
	margin-left:10px;
}

#titrenom .extrait a
{
	color:#0C5689;

}


#titrenom .envoyer
{
	font-size:10px;
	color:#000000;
	position:absolute;
	right:20px;
	top:58px;

}


#titrenom .envoyertxt
{
	font-size:10px;
	position:absolute;
	right:64px;
	top:65px;
}

#titrenom .envoyer img
{
	vertical-align:middle;
	text-decoration:none;
}

#titrenom .envoyertxt a
{
	color:#0C5689;

}

/* Liste des partitions */

#listepartitions
{
	width:212px;
	background-color:white;
	background-image:url("../images/titre/up.jpg");
	background-repeat:no-repeat;
	background-position:top;
	padding-top:5px;
}

#listepartitions h2
{
	margin-bottom:5px;
	margin-left:6px;
}

#listepartitions li
{
	font-size:12px;
line-height:16px;
	position:relative;

}




#listepartitions li li
{

}

#listepartitions a.lienelem
{
	padding:5px;
	color:#0C5689;
}

#listepartitions li span.instru a.lien
{
	padding:5px;
	color:#0C5689;
	position:absolute;	
	top:17px;
	left:67px;
	text-decoration:none;
	font-weight:bold;
}

#listepartitions li span.instru a img
{
	position:absolute;	
	top:6px;
	left:7px;
}



li#instru3 span.instru a.lien
{
	position:absolute;	

	top:7px;
}


#listepartitions li span.instru
{
	height:58px;
	display:block;
}

#listepartitions li span.cat
{
	display:block;
	padding-top:5px;
	height:22px;

	margin-left:20px;
}

#listepartitions li span.nvl
{
	display:block;
	padding-top:5px;
	padding-bottom:7px;
	height:22px;
	margin-left:50px;
	
}

#listepartitions li span.nvl a
{
	padding-left:0px;
}


#listepartitions ul#instruments
{
	margin-left:7px;
	margin-right:7px;

}

#listepartitions li.instru0
{
	background:#D1EEF6;

}

#listepartitions li.instru1
{
	background:#E7F6FA;
}

#listepartitions ul.categories
{
	background:#89D2E9;
	display:none;
}

#listepartitions ul.niveaux
{
	background:#3ABADD;
	display:none;
}

#listepartitions ul.open
{
	display:block;

}

#listepartitions div.bottom
{
	overflow:hidden;
	height:8px;
	background-image:url("../images/titre/bottom.jpg");
}



/* Partition */

#partition
{
	width:760px;
	background:white;

	float:right;
	position:relative;
}

#partition .header
{
	background:url("../images/titre/partition_header.jpg");
	background-repeat:no-repeat;
	background-position: top;
	height:10px;
}

#partition .footer
{
	background:url("../images/titre/partition_footer.jpg");
	background-repeat:no-repeat;
	background-position: bottom;
	height:16px;
}

#partition .onglet
{
	position:relative;
	height:35px;
	margin-left:10px;
	margin-top:20px;
	margin-bottom:0;
	padding:0;
}

#partition .onglet .piano
{
	position:absolute;
}

#partition .onglet .guitare
{
	position:absolute;
}

#partition .onglet .clesol
{
	position:absolute;
}

#partition .onglet .roll
{
	height:5px;
	font-size:5px;
	position:relative;
	top:30px;
	margin:0;
	padding:0;	
}

#partition .fond_partition
{
	position:relative;
	/*height:335px;*/
	margin-left:10px;
	margin-right:10px;
	padding:0;
	padding-bottom:20px;
	padding-top:20px;
}

#partition .fond_partition .categorie
{
	color:black;
	font-weight:bold;
	font-size:14px;
	padding-left:15px;
}

#partition .fond_partition  .categorie .niveau
{
	position:relative;
	padding:10px;
	margin:15px 15px 15px 0;	

}

#partition .fond_partition  .categorie .niveau .VO
{
	position:absolute;
	left:460px;
	top:-13px;
}

#partition .fond_partition  .categorie .niveau .RI
{
	position:absolute;
	left:460px;
	top:-13px;
}

#partition .fond_partition  .categorie .niveau .niveautitre
{
	position:relative;
	color:#0C5689;
	font-weight:bold;
	font-size:12px;
	height:24px;
	padding-top:2px;
}

#partition .fond_partition  .categorie .niveau .niveautitre .extgrfx
{
	position:absolute;
	padding:0;
	margin:0;
	/*left:520px;*/
	left:520px;
	top:0px;
}

#partition .fond_partition  .categorie .niveau .niveautitre .prix
{
	position:absolute;
	padding:0;
	margin:0;
	left:630px;
	top:3px;
	font-size:12px;
	color:#F59A17;
	font-weight:bold;
	width:60px;
	text-align:right;
}

#partition .fond_partition  .categorie .niveau .niveautitre .select
{
	position:absolute;
	left:600px;
	top:4px;
	font-size:12px;		
	padding:0;
	margin:0;
}

#partition .fond_partition  .categorie .niveau .niveautitre .select input
{
	margin:0;
	width:13px;
	height:13px;
	overflow:hidden;
}

#partition .fond_partition  .categorie .niveau .niveauextra
{
	position:relative;
	color:#0C5689;
	font-weight:normal;
	font-size:12px;
	height:24px;
	padding-top:2px;
	
}

#partition .fond_partition  .categorie .niveau .niveauextra .extraitmp3
{
	position:absolute;
	padding:0;
	margin:0;
	left:547px;
	top:0px;
}

#partition .fond_partition  .categorie .niveau .niveauextra .extraitvideo
{
	position:absolute;
	padding:0;
	margin:0;
	/*left:520px;*/
	left:520px;
	top:0px;
}

#partition .fond_partition  .categorie .niveau .niveauextra .prix
{
	position:absolute;
	padding:0;
	margin:0;
	left:630px;
	top:3px;
	font-size:12px;
	color:#F59A17;
	font-weight:bold;
	width:60px;
	text-align:right;
}

#partition .fond_partition  .categorie .niveau .niveauextra .select
{
		position:absolute;
		left:600px;
		top:4px;
		font-size:12px;
}

#partition .fond_partition  .categorie .niveau .niveauextra .select input
{
	margin:0;
	width:13px;
	height:13px;
	overflow:hidden;
}

#partition .fond_partition  .categorie .niveau  .partition_aide
{
	position:relative;
	font-weight:bold;
	font-size:12px;
	height:24px;
	padding-top:2px;
}

#partition .fond_partition  .categorie .niveau  .partition_aide span
{
	color:black;
}

#partition .fond_partition  .categorie .niveau  .partition_aide a
{
	text-decoration:none;
}

#partition .fond_partition  .categorie .niveau  .partition_aide .extgrfxaide
{
	position:absolute;
	padding:0;
	margin:0;
	/*left:520px;*/
	left:520px;
	top:0px;
}

#partition .fond_partition  .categorie .niveau .partition_aide .prix
{
	position:absolute;
	padding:0;
	margin:0;
	left:630px;
	top:3px;
	font-size:12px;
	color:#F59A17;
	font-weight:bold;
	width:60px;
	text-align:right;
}

#partition .fond_partition  .categorie .niveau .partition_aide .select
{
		position:absolute;
		left:600px;
		top:4px;
		font-size:12px;
}

#partition .fond_partition  .categorie .niveau .partition_aide .select input
{
	margin:0;
	width:13px;
	height:13px;
	overflow:hidden;
}

#partition .playback .playback_onglet
{
	height:35px;
	margin-left:10px;
	margin-top:20px;
	margin-bottom:0;
	padding:0;
	background:url("../images/titre/fr/onglet_playback.jpg");
	background-repeat:no-repeat;
}

#partition .playback .playback_fond
{
	margin-left:10px;
	margin-right:10px;
	padding:10px;
	padding-left:25px;
	padding-top:15px;
	background-color:#D1EEF6;
	font-size:12px;
}

#partition .playback .playback_fond .playback_box
{
	position:relative;
}

#partition .playback .playback_fond .playback_box .titre
{
position:relative;
	height:21px;
	padding-top:4px;
}

#partition .playback .playback_fond .playback_box .extraitplayback
{
	position:absolute;
	padding:0;
	margin:0;
	left:547px;
	top:0px;
}

#partition .playback .playback_fond .playback_box .libelle
{
	padding-top:8px;
	font-size:10px;
}

#partition .playback .playback_fond .playback_box .prix
{
	position:absolute;
	padding:0;
	margin:0;
	left:630px;
	top:4px;
	font-size:12px;
	color:#F59A17;
	font-weight:bold;
	width:60px;
	text-align:right;
}

#partition .playback .playback_fond .playback_box p.select
{
		position:absolute;
		left:600px;
		top:5px;
		font-size:12px;
}

#partition .playback .playback_fond .playback_box p.select input
{
	margin:0;
	width:13px;
	height:13px;
	overflow:hidden;
}

#partition #choisissez{
	margin-left:10px;
}

#partition .barre
{
	overflow:hidden;
	width:516px;
	height:1px;
	background:url("../images/titre/partition-barre.jpg");
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
}

#partition h2
{
	font-size:13px;
	color:#0C5689;
	
	padding-top:12px;
	padding-left:22px;
}

#partition .tarifpartition
{
	font-size:11px;
	width:50px;
	color:#F59A17;
	padding-left:473px;
	padding-bottom:10px;
	font-weight:bold;
	text-align:center;
}

#partition .libelle_partition
{
	position:absolute;
	font-size:12px;
	right:110px;
}

#partition  p.select_partition
{
		position:absolute;
		right:78px;
		font-size:12px;
}

/* Partition: Bandeau pour chauqe extra : aide, mp3, playback et vide */


#partition #extras
{
	width:510px;
	margin-left:auto;
	margin-right:auto;

}


#partition .extra
{
	position:relative;
	height:29px;
}

#partition .extra1
{
	background: #ADE0EF;
	position:relative;
	height:29px;
}

#partition .extra0
{
	background: #D1EEF6;
	position:relative;
	height:29px;
}

#partition .extra a
{
	text-decoration:none;
}


#partition .extra h3
{
	position:absolute;
	left:10px;
	top:7px;
	font-size:11px;
	font-weight:normal;
	color:#0C5689;
}

#partition .extra p.tarif
{
		position:absolute;
		right:0px;
		top:0px;
		font-size:11px;
		width:50px;
		height:21px;
		border-left:1px solid white;
		display:block;
		text-align:center;
		padding-top:8px;
		color:#F59A17;
		font-weight:bold;

}

#partition .extra p.select
{
		position:absolute;
		right:65px;
		top:8px;
		font-size:12px;
}

#partition .extra p.extrait
{
		position:absolute;
		right:90px;
		top:5px;
	font-size:12px;
}

#partition h3.invite
{
	padding-left:23px;
	padding-top:10px;
	padding-bottom:10px;
	color:#0C5689;
	font-size:13px;

}

#partition p#cts_extraitmp3
{
	position:absolute;
	top:171px;
	left:21px;
	color:#0C5689;
	font-size:10px;

}

#partition p#cts_extraitmp3 img
{
	vertical-align:middle;
	text-decoration:none;
	margin-left:10px;
}

#partition p#cts_extraitmp3 a
{
	color:#0C5689;

}

/* Partition: Lien pour ajouter au pannier */

#partition .caddie
{
	position:relative;
	width:760px;
	height:60px;
}

#partition .caddie .panier
{
	position:absolute;
	left:600px;
	top:20px;
	width:120px;
	height:16px;
	background:url("../images/titre/caddie.jpg");
	font-size:10px;
	color:white;
	margin-bottom:5px;
	padding-top:1px;
	text-align:center;
	display:block;
	text-decoration:none;
	border:0;
}	

#partition .caddie .panier a
{
	color:white;


}

#partitionvide
{
	position:absolute;
	top:6px;
	left:6px;
}

#partition .caddie #partition_ajout
{
	position:absolute;
	left:600px;
	top:45px;
	font-size:10px;
	width:120px;
	text-align:center;
	color:#0C5689;

}

#partition .caddie #partition_ajout a
{
	color:#0C5689;


}

#partition  #payer
{
	position:absolute;
	left:469px;
	top:20px;

	width:120px;
	height:16px;
	background:url("../images/titre/caddie.jpg");
	font-size:10px;
	color:white;
	margin-bottom:5px;
	padding-top:1px;
	text-align:center;
	display:block;
	text-decoration:none;

	display:none;

}	

#partition  #continuer
{
	position:absolute;
	left:215px;
	top:20px;

	width:146px;
	height:16px;
	background:url("../images/titre/continuer.jpg");
	font-size:10px;
	color:white;
	margin-bottom:5px;
	padding-top:1px;
	text-align:center;
	display:block;
	text-decoration:none;

	display:none;

}	

#partition  #erreur_playback
{
	position:absolute;
	left:20px;
	top:35px;
	right : 200px;
	font-size:12px;
	color:#0C5689;
	margin-bottom:5px;
	padding-top:8px;
	text-align:center;
	display:block;
	text-decoration:none;

	display:none;

}


.plus
{
	display:block;
	float:left;
	width:10px;
	text-align:center;
	text-decoration:none;
	color:#0C5689;

}

#iextrait
{
	/*position:absolute;
	top:15px;
	right:15px;*/
	font-size:11px;
	font-weight:normal;
}

.bouton
{
position:absolute;
right:123px;
bottom:6px;
}

#bouton_0
{
position:absolute;
right:21px;
bottom : 50px;
}
#btn_playback
{
position:absolute;
padding:0;
margin:0;
right:138px;
top:2px;
}
#partition .playback .playback_fond .playback_box .prix
{
	position:absolute;
	padding:0;
	margin:0;
	left:630px;
	top:4px;
	font-size:12px;
	color:#F59A17;
	font-weight:bold;
	width:60px;
	text-align:right;
}

#phrase_avert{
font-size:10px;
margin-left:10px;
width:550px;
margin-bottom: 10px;
margin-top: -30px;
}

#etiquette{
position:absolute;
font-family:Verdana;
font-size:10px;

color:#000000;
left:490px;
top:23px;
}

#facebook{
 margin-top: -40px;
 padding-bottom: 35px;
 border: none;
 width: 100px;
 height: 24px;
 margin-left: 10px;
 z-index: 0;
}