body {
	background-color: #061D04;
	background-image: url(../images/fond_page.jpg);
	background-repeat: repeat-x;
	background-position: top;
	color: #003300;
}
ul {
	margin-top: -10px;
	margin-bottom: -15px;
}
li {
	list-style-image: url(../images/puce.gif);
	margin-left: -25px;
	line-height: 20px;
}
h1 {
	height: 66px;
	width: 212px;
	position: absolute;
	left: 1px;
	top: 66px;
	margin: 0px;
	padding: 0px;
}
img {
	border: none;
	vertical-align: text-bottom;
}
.centre {
	text-align: center;
}
.copyright {
	text-align: center;
	position: absolute;
	bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #FFFFFF;
	width: 99%;
}
a.lien {
	color: #003300;
}
a {
	color: #FFFFFF;
}
a:hover {
	color: #009933;
}
hr {
	clear: both;
	visibility: hidden;
}

/* ------------------------------------------------------------------------------------------- */
/* ---------------------------------MENU ET FOND TEXTES--------------------------------------- */

.menu {
	display: none;
}
.bt_accueil {
	background-image: url(../images/bt_accueil.jpg);
	height: 31px;
	width: 125px;
	position: absolute;
	left: 0px;
	top: 0px;
}
A.bt_accueil:hover {
	background-image: url(../images/bt_accueil_S.jpg);
}
p {
	padding-top: 5px;
}

.bt_idiophone {
	background-image: url(../images/bt_idiophone.jpg);
	background-position: top;
	position: absolute;
	height: 35px;
	width: 88px;
	left: 0px;
	top: 31px;
}
A.bt_idiophone:hover,A.bt_classement:hover,A.bt_premiers-instruments:hover,A.bt_pincement:hover,A.bt_raclement-friction:hover,A.bt_percussion-directe:hover,A.bt_entrechoc:hover,A.bt_pilonnement:hover,A.bt_indirect-secouement:hover {
	background-position: 0px -35px;
}
.bt_classement {
	background-image: url(../images/bt_classement.jpg);
	background-position: top;
	position: absolute;
	height: 35px;
	width: 111px;
	left: 88px;
	top: 31px;
}
.bt_premiers-instruments {
	background-image: url(../images/bt_premiers-instruments.jpg);
	position: absolute;
	height: 35px;
	width: 117px;
	left: 199px;
	top: 31px;
}
.bt_pincement {
	background-image: url(../images/bt_lamellophones.jpg);
	position: absolute;
	height: 35px;
	width: 80px;
	left: 316px;
	top: 31px;
}
.bt_raclement-friction {
	background-image: url(../images/bt_raclement-friction.jpg);
	position: absolute;
	height: 35px;
	width: 114px;
	left: 396px;
	top: 31px;
}
.bt_percussion-directe {
	background-image: url(../images/bt_perc-directe.jpg);
	position: absolute;
	height: 35px;
	width: 105px;
	left: 510px;
	top: 31px;
}
.bt_entrechoc {
	background-image: url(../images/bt_entrechoc.jpg);
	position: absolute;
	height: 35px;
	width: 87px;
	left: 615px;
	top: 31px;
}
.bt_pilonnement {
	background-image: url(../images/bt_pilonnement.jpg);
	position: absolute;
	height: 35px;
	width: 101px;
	left: 702px;
	top: 31px;
}
.bt_indirect-secouement {
	background-image: url(../images/bt_perc-indirecte.jpg);
	position: absolute;
	height: 35px;
	width: 148px;
	left: 803px;
	top: 31px;
}
#fond_txt_haut {
	background-image: url(../images/fond_txt_haut.jpg);
	position: absolute;
	left: 615px;
	top: 0px;
	height: 31px;
	width: 322px;
}
.fond-txt {
	position: absolute;
	left: 615px;
	top: 66px;
	width: 312px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	background-color: #DBF9D8;
	background-image: url(../images/fond-txt.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	text-align: justify;
	padding-top: 0px;
}
.minheight {
	display: inline;
	/*border: 1px dashed #FF0000;	*/
	float: right;
}
.boite-txt {
	height: 462px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #003300;
	display: inline;
}
.légende {
	font-size: x-small;
	font-style: oblique;
	color: #336633;
}

/* ------------------------------------------------------------------------------------------- */
/* ---------------------------------------CLASSEMENT------------------------------------------ */

#classement-bt-pincement {
	position:absolute;
	left:0px;
	top:66px;
	width:120px;
	height:111px;
}

#classement-bt-raclement {
	position:absolute;
	left:120px;
	top:66px;
	width:118px;
	height:111px;
}

#classement-16 {
	position:absolute;
	left:238px;
	top:66px;
	width:119px;
	height:44px;
}

#classement_titre {
	position:absolute;
	left:357px;
	top:66px;
	width:258px;
	height:44px;
}

#classement_fond-txt {
	background-image: url(../images/classement_fond-txt.jpg);
}

#classement-bt-friction {
	position:absolute;
	left:238px;
	top:110px;
	width:119px;
	height:112px;
}

#classement-bt-perc-directe {
	position:absolute;
	left:357px;
	top:110px;
	width:121px;
	height:87px;
}

#classement-22 {
	position:absolute;
	left:478px;
	top:110px;
	width:55px;
	height:87px;
}

#classement-24 {
	position:absolute;
	left:0px;
	top:177px;
	width:238px;
	height:317px;
}

#classement-25 {
	position:absolute;
	left:357px;
	top:197px;
	width:86px;
	height:25px;
}

#classement-bt-entrechoc {
	position:absolute;
	left:443px;
	top:197px;
	width:90px;
	height:90px;
}

#classement-27 {
	position:absolute;
	left:533px;
	top:198px;
	width:42px;
	height:185px;
}

#classement-29 {
	position:absolute;
	left:238px;
	top:222px;
	width:205px;
	height:161px;
}

#classement-30 {
	position:absolute;
	left:443px;
	top:287px;
	width:90px;
	height:96px;
}

#classement-31 {
	position:absolute;
	left:238px;
	top:383px;
	width:31px;
	height:93px;
}

#classement-bt-grelots {
	position:absolute;
	left:269px;
	top:383px;
	width:88px;
	height:93px;
}

#classement-bt-indirect {
	position:absolute;
	left:357px;
	top:383px;
	width:111px;
	height:93px;
}

#classement-34 {
	position:absolute;
	left:468px;
	top:383px;
	width:107px;
	height:33px;
}

#classement-bt-cloches {
	position:absolute;
	left:468px;
	top:416px;
	width:107px;
	height:60px;
}

#classement-36 {
	position:absolute;
	left:238px;
	top:476px;
	width:68px;
	height:67px;
}

#classement-bt-hochets {
	position:absolute;
	left:306px;
	top:476px;
	width:62px;
	height:67px;
}

#classement-bt-hochets-sonn {
	position:absolute;
	left:368px;
	top:476px;
	width:82px;
	height:90px;
}

#classement-bt-sonnailles {
	position:absolute;
	left:450px;
	top:476px;
	width:71px;
	height:67px;
}

#classement-40 {
	position:absolute;
	left:521px;
	top:476px;
	width:54px;
	height:67px;
}


/* ------------------------------------------------------------------------------------------- */
/* ---------------------------------------CLOCHES--------------------------------------------- */

#cloches-titre {
	position:absolute;
	left:0px;
	top:66px;
	width:212px;
	height:66px;
}

#cloches_fond-txt {
	background-image: url(../images/cloches_fond-txt.jpg);
}

#cloches-1 {
	position:absolute;
	left:50px;
	top:132px;
	width:418px;
	height:182px;
}

#cloches-2 {
	position:absolute;
	left:257px;
	top:343px;
	width:115px;
	height:247px;
}

#cloches-3 {
	position:absolute;
	left:372px;
	top:343px;
	width:139px;
	height:247px;
}

#cloches-4 {
	position:absolute;
	left:511px;
	top:343px;
	width:104px;
	height:247px;
}

/* ------------------------------------------------------------------------------------------- */
/* ---------------------------------------ENTRECHOC------------------------------------------- */

#entrechoc-titre {
	position:absolute;
	left:0px;
	top:66px;
	width:212px;
	height:66px;
}

#entrechoc_fond-txt {
	background-image: url(../images/entrechoc_fond-txt.jpg);
}

#entrechoc-1 {
	position:absolute;
	left:0px;
	top:132px;
	width:350px;
	height:229px;
}

#entrechoc-2 {
	position:absolute;
	left:0px;
	top:361px;
	width:350px;
	height:229px;
}

/* ------------------------------------------------------------------------------------------- */
/* ---------------------------------------GRELOTS--------------------------------------------- */

#grelots-titre {
	position:absolute;
	left:0px;
	top:66px;
	width:212px;
	height:66px;
}

#grelots_fond-txt {
	background-image: url(../images/grelots_fond-txt.jpg);
}

#grelots-1 {
	position:absolute;
	left:12px;
	top:132px;
	width:262px;
	height:367px;
}

#grelots-2 {
	position:absolute;
	left:306px;
	top:341px;
	width:309px;
	height:225px;
}

/* ------------------------------------------------------------------------------------------- */
/* ---------------------------------------HOCHETS-SONNAILLES---------------------------------- */

#hochets-sonnailles-titre {
	position:absolute;
	left:0px;
	top:66px;
	width:212px;
	height:66px;
}

#hochets-sonnailles_fond-txt {
	background-image: url(../images/hochets-sonnailles_fond-txt.jpg);
}

#hochets-sonnailles-04 {
	position:absolute;
	left:212px;
	top:66px;
	width:109px;
	height:225px;
}

#hochets-sonnailles-2 {
	position:absolute;
	left:321px;
	top:66px;
	width:294px;
	height:522px;
}

#hochets-sonnailles-1 {
	position:absolute;
	left:0px;
	top:291px;
	width:321px;
	height:299px;
}

/* ------------------------------------------------------------------------------------------- */
/* ---------------------------------------HOCHETS--------------------------------------------- */

#hochets-titre {
	position:absolute;
	left:0px;
	top:66px;
	width:212px;
	height:66px;
}

#hochets_fond-txt {
	background-image: url(../images/hochets_fond-txt.jpg);
}

#hochets-3 {
	position:absolute;
	left:242px;
	top:122px;
	width:105px;
	height:257px;
}

#hochets-2 {
	position:absolute;
	left:156px;
	top:132px;
	width:86px;
	height:247px;
}

#hochets-4 {
	position:absolute;
	left:347px;
	top:140px;
	width:130px;
	height:239px;
}

#hochets-1 {
	position:absolute;
	left:0px;
	top:165px;
	width:156px;
	height:214px;
}

#hochets-5 {
	position:absolute;
	left:477px;
	top:174px;
	width:138px;
	height:205px;
}

#hochets-6 {
	position:absolute;
	left:25px;
	top:379px;
	width:501px;
	height:211px;
}

/* ------------------------------------------------------------------------------------------- */
/* ---------------------------------------IDIOPHONE------------------------------------------- */

#idiophone-titre {
	position:absolute;
	left:0px;
	top:66px;
	width:212px;
	height:66px;
}

#idiophone_fond-txt {
	background-image: url(../images/idiophone_fond-txt.jpg);
}

#idiophone-1 {
	position:absolute;
	left:0px;
	top:132px;
	width:338px;
	height:458px;
}

/* ------------------------------------------------------------------------------------------- */
/* ------------------------------------INDIRECT-SECOUEMENT------------------------------------ */

#indirect-secouement-titre {
	position:absolute;
	left:0px;
	top:66px;
	width:212px;
	height:66px;
}

#indirect-secouement_fond-txt {
	background-image: url(../images/indirect-secouement_fond-txt.jpg);
}

#indirect-secouement-4 {
	position:absolute;
	left:414px;
	top:138px;
	width:201px;
	height:230px;
}

#indirect-secouement-2 {
	position:absolute;
	left:272px;
	top:290px;
	width:142px;
	height:220px;
}

#indirect-secouement-1 {
	position:absolute;
	left:0px;
	top:346px;
	width:272px;
	height:230px;
}

#indirect-secouement-5 {
	position:absolute;
	left:414px;
	top:368px;
	width:201px;
	height:142px;
}

#indirect-secouement-3 {
	position:absolute;
	left:272px;
	top:510px;
	width:76px;
	height:66px;
}

#indirect-secouement-6 {
	position:absolute;
	left:348px;
	top:510px;
	width:90px;
	height:80px;
}

/* ------------------------------------------------------------------------------------------- */
/* ----------------------------------------METALLOPHONES-------------------------------------- */

#metallophones-4 {
	position:absolute;
	left:0px;
	top:514px;
	width:166px;
	height:76px;
}

#metallophones-titre {
	position:absolute;
	left:0px;
	top:66px;
	width:212px;
	height:66px;
}

#metallophones_fond-txt {
	background-image: url(../images/metallophones_fond-txt.jpg);
}

#metallophones-1 {
	position:absolute;
	left:0px;
	top:132px;
	width:119px;
	height:253px;
}

#metallophones-2 {
	position:absolute;
	left:119px;
	top:132px;
	width:130px;
	height:253px;
}

#metallophones-3 {
	position:absolute;
	left:0px;
	top:385px;
	width:166px;
	height:129px;
}

#metallophones-5 {
	position:absolute;
	left:166px;
	top:385px;
	width:83px;
	height:205px;
}

#metallophones-6 {
	position:absolute;
	left:249px;
	top:132px;
	width:226px;
	height:458px;
}

#metallophones-7 {
	position:absolute;
	left:475px;
	top:65px;
	width:140px;
	height:95px;
}

#metallophones-8 {
	position:absolute;
	left:475px;
	top:160px;
	width:64px;
	height:430px;
}

#metallophones-9 {
	position:absolute;
	left:539px;
	top:160px;
	width:54px;
	height:430px;
}

#metallophones-10 {
	position:absolute;
	left:593px;
	top:160px;
	width:22px;
	height:430px;
}

/* ------------------------------------------------------------------------------------------- */
/* -------------------------------------PERCUSSIONS DIRECTES---------------------------------- */

#percussion-directe-titre {
	position:absolute;
	left:0px;
	top:66px;
	width:212px;
	height:66px;
}

#percussion-directe_fond-txt {
	background-image: url(../images/percussion-directe_fond-txt.jpg);
}

#percussion-directe-1 {
	position:absolute;
	left:0px;
	top:132px;
	width:104px;
	height:458px;
}

#percussion-directe-2 {
	position:absolute;
	left:104px;
	top:132px;
	width:233px;
	height:458px;
}

#percussion-directe-4 {
	position:absolute;
	left:409px;
	top:132px;
	width:100px;
	height:306px;
}

#percussion-directe-5 {
	position:absolute;
	left:509px;
	top:132px;
	width:84px;
	height:306px;
}

#percussion-directe-6 {
	position:absolute;
	left:337px;
	top:438px;
	width:278px;
	height:39px;
}

#percussion-directe-3 {
	position:absolute;
	left:337px;
	top:477px;
	width:278px;
	height:112px;
}

/* ------------------------------------------------------------------------------------------- */
/* -------------------------------------------PILONNEMENT------------------------------------- */

#pilonnement-titre {
	position:absolute;
	left:0px;
	top:66px;
	width:212px;
	height:66px;
	background-image: url(../images/pilonnement_titre.jpg);
}

#pilonnement_fond-txt {
	background-image: url(../images/pilonnement_fond-txt.jpg);
}

#pilonnement-1 {
	position:absolute;
	left:0px;
	top:132px;
	width:106px;
	height:458px;
}

#pilonnement-2 {
	position:absolute;
	left:106px;
	top:338px;
	width:509px;
	height:161px;
}

#pilonnement-3 {
	position:absolute;
	left:106px;
	top:499px;
	width:509px;
	height:91px;
}

/* ------------------------------------------------------------------------------------------- */
/* --------------------------------------------PINCEMENT-------------------------------------- */

#pincement-titre {
	position:absolute;
	left:0px;
	top:66px;
	width:212px;
	height:66px;
}

#pincement_fond-txt {
	background-image: url(../images/pincement_fond-txt.jpg);
}

#pincement-3 {
	position:absolute;
	left:433px;
	top:66px;
	width:182px;
	height:142px;
}

#pincement-1 {
	position:absolute;
	left:0px;
	top:132px;
	width:166px;
	height:350px;
}

#pincement-4 {
	position:absolute;
	left:166px;
	top:132px;
	width:46px;
	height:207px;
}

#pincement-2 {
	position:absolute;
	left:166px;
	top:339px;
	width:390px;
	height:224px;
}

/* ------------------------------------------------------------------------------------------- */
/* ------------------------------------------PREMIERS INSTRUMENTS----------------------------- */

#premiers-instruments-titre {
	position:absolute;
	left:0px;
	top:66px;
	width:212px;
	height:70px;
}

#premiers-instruments_fond-txt {
	background-image: url(../images/premiers-instruments_fond-txt.jpg);
}

#premiers-instruments-1 {
	position:absolute;
	left:0px;
	top:181px;
	width:451px;
	height:176px;
}

#premiers-instruments-2 {
	position:absolute;
	left:0px;
	top:357px;
	width:271px;
	height:233px;
}

#premiers-instruments-3 {
	position:absolute;
	left:271px;
	top:357px;
	width:151px;
	height:233px;
}

#premiers-instruments-4 {
	position:absolute;
	left:422px;
	top:357px;
	width:193px;
	height:233px;
}

/* ------------------------------------------------------------------------------------------- */
/* ------------------------------------------RACLEMENT ET RICTION----------------------------- */

#raclement-friction-titre {
	position:absolute;
	left:0px;
	top:66px;
	width:212px;
	height:66px;
}

#raclement-friction_fond-txt {
	background-image: url(../images/raclement-friction_fond-txt.jpg);
}

#raclement-friction-1 {
	position:absolute;
	left:0px;
	top:216px;
	width:284px;
	height:374px;
}
#raclement-friction-2 {
	position:absolute;
	left:284px;
	top:310px;
	width:331px;
	height:280px;
}

/* ------------------------------------------------------------------------------------------- */
/* ----------------------------------------------SONNAILLES----------------------------------- */

#sonnailles-titre {
	position:absolute;
	left:0px;
	top:66px;
	width:212px;
	height:66px;
}

#sonnailles_fond-txt {
	background-image: url(../images/sonnailles_fond-txt.jpg);
}

#fond-txt-sonnailles {
	position:absolute;
	left:615px;
	top:66px;
	width:322px;
	height:485px;
}

#sonnailles-4 {
	position:absolute;
	left:0px;
	top:132px;
	width:209px;
	height:72px;
}

#sonnailles-1 {
	position:absolute;
	left:0px;
	top:204px;
	width:209px;
	height:144px;
}

#sonnailles-2 {
	position:absolute;
	left:209px;
	top:204px;
	width:184px;
	height:347px;
}

#sonnailles-5 {
	position:absolute;
	left:0px;
	top:348px;
	width:209px;
	height:242px;
}

#sonnailles-3 {
	position:absolute;
	left:393px;
	top:348px;
	width:222px;
	height:232px;
}

