html, body, p, ul, li, h1, h2, h3, h4, h5, h6, hr, img, table, form, fieldset, pre, code, dl, dt, dd , a, div{margin: 0; padding: 0; border: none;}html,body{width:100%;}body {font-family:sans-serif;font-size:10px;color:#666;background:#faeed0;width:100%;}a span{display: none;}span.italic {font-style:italic;padding-left:40px;}
#xiti{margin:0;padding:0;clear:both;}#pub {position:absolute; top: 195px; left:240px;z-index:2;}#video{width:360px;float:left;text-align:center;font-size:1.2em;}#video_accueil{width:360px;float:left;}#nouveau{width:360px;margin-top: 150px;}#nouveau h1{font-size:2.2em;color:#f00;text-align:center;}#nouveau h2{font-size:1.8em;text-align:center;margin-bottom:10px;}#page {width:990px;margin:0 auto;position:relative;}#contenu{}#entete{margin:0;padding:0;width:100%;height:235px;}#utile{height:100%;width:990px;}#piedpage{float:left;}#utile h1{margin:30px 0 0 360px;font-size:22px;}#top{height:15px;width:990px;padding:0;margin:0;}#top a{color:#faeed1;text-decoration:none;margin:3px 50px;}#top a:hover{color:#dec39f;text-decoration:underline;}#bottom{height:15px;width:990px;border-top: 1px solid #aaa;border-bottom: 1px solid #aaa;padding:0;margin:40px 0;}#bottom a{color:#aa7955;text-decoration:none;margin:3px 50px;}#bottom a:hover{text-decoration:underline;}
/* Menu + Titre */#bandeau{width:100%;height:117px;background:transparent url(images/bandeau_titre.gif) repeat-x top left;position: absolute;top:51px;z-index:1;}#bandeau_photo{width:380px;height:95px;background:transparent url(images/top.jpg) no-repeat;background-position: 0 -222px;position: absolute;top:55px;left:600px;z-index:1;}#logo a{height:153px;width:168px;background:transparent url(images/top.jpg) no-repeat;background-position: 0 -59px ;position: absolute;top:15px;left:17px;z-index:10;}#logo a.lang {height:30px;width:48px;background:transparent url(images/anglais.png) no-repeat;position:absolute;top:-10px;left:-50px;}#logo_bas a{height:49px;width:168px;background:transparent url(images/logo_bas.png) no-repeat top left;position: absolute;top:168px;left:17px;z-index:2;}#logo p{color:#414141;font:normal 11px Arial;margin:0;position:absolute;top:153px;left:600px;z-index:2;}#titre a{height:73px;width:381px;background:transparent url(images/top.jpg) no-repeat;background-position: 0 -327px;position:absolute;top:65px;left:200px;z-index:2;}#partition{width: 990px;height: 140px;position:absolute; top:168px;			background: transparent url(images/partition.jpg) repeat-y scroll top left;			z-index:1;			text-align:center;}/* Crée un masque Overlay *//*#header div{    width:990px;    height:140px;    background: transparent url(overlay.png) no-repeat scroll left top;}*//* Vertically position header text and style it*//*#header h1{    padding-top:125px;    font-family: Arial, "MS Trebuchet", sans-serif;    color:white;}*/#menu{height:27px;position:absolute;top:305px;		font:bold 12px Arial;line-height:28px;text-align:center;cursor:pointer;z-index:2;}#menu ul {width:100%; height: 27px;list-style:none;}#menu li {float: left;background: #cfbd8e;}#menu li a {width: 165px;text-decoration: none; color: #414141;display:block;}#menu li a:hover {color: #ffe; font-weight: bold;}
/* Encart de message ou définition */#msg {	width: 630px;float:right;		height: auto;		background: transparent url(images/fonds.png) repeat-y;		background-position: -1300px 0;		margin-top: 140px;		line-height: 18px;		color: #333; font-size: 14px;}#msg a{color: #652e09;}#msg p.p1 {padding: 12px 20px 10px 25px; text-align: justify; text-indent: 20px;}#msg p.p2 {padding: 5px 30px;}#msg p:first-letter{font-size:26px;color:#652e09;}#ombre{width:650px;height:9px;background:#faeed0 url(images/ombre.png) no-repeat;}#choixliste ul{margin-left: 200px;list-style: url(images/puceviolon.gif); font-size: 12px; color: #111;}/* INSTRUMENT */#instrument{margin:120px 0 0 10px;}#instrument h1{width: 725px; margin: 10px 0 150px 12px; font-size: 28px; font-weight: bold; color: #5a2c08; text-align: center;}#instrument p.descri {border-top: 1px solid #846a40;background: transparent url(images/fonds.png) repeat-y;background-position: -330px 0; padding: 10px; margin: 20px auto 0 auto;					font-size: 14px; text-align: justify; line-height: 18px; color: #000;}#instrument p:first-letter{font-size:26px;color:#5a2c08;}#ombreinstru{width:980px;height:9px;background:#faeed0 url(images/ombreinstru.png) no-repeat center;}#choix{width:64%;position: absolute; top: 480px;left:0;text-align:center;padding-left:60px}#precedent {float:left;}#suivant{float:right;}#instrument h4{font-size:10px;}#photo {width: 640px; height: 460px;text-align:center;margin:10px 0;background:#faeed0 url(images/ombre.png) no-repeat bottom;float:right;}#instrument_suite {width: 565px;padding: 2px 10px; float: right; margin-right: 30px;border:1px solid #dda;text-align:center;}#notes {width: 300px; margin: 20px 0 0 12px;background:#eedfbc url(images/ombreverticale.png) no-repeat right; float: left;}#notes a{color:#414141;text-decoration: none;}#notes a:hover{text-decoration: underline;}#notes table {padding-top: 10px;}#notes2{width: 970px; margin: 0 0 0 12px; background-color: #faeed0; padding: 2px; float: left;}td.intitule{ font-family: Georgia; font-size: 14px; color: #5a2c08; padding-left: 10px;}td.content{ font-family: Arial; font-size: 11px; color: #333; padding: 0 18px 0 18px;}#son {width: 725px; height: 64px;position:absolute;top:420px;left:12px;text-align:center;}
/* DE A à Z */#az {width: 630px; height: 25px; position: absolute; top: 360px; left: 210px;}#az2 {width: 630px; height: 25px; margin: -70px 0 0 210px;} #az a,#az2 a{display:block; width:20px;height:20px;	background: transparent url(az/images/letter.png) repeat-y top center;	font-size:18px;color:#5a2c08;	text-decoration:none;	text-align:center;	line-height:19px;}#az p, #az2 p {width: 20px; float: left;}#tri table{width: 520px; margin: 120px auto 10px auto;}#tri td{background: #faeed0 url(images/fonds.png) repeat-y center;background-position: 35px 0; padding: 2px 5px; font-size: 14px; text-align: center;}#tri td.miniature{background: #faeed0;}#tri td.miniature img{border:3px solid #e3d3ac;}#tri p{margin: 180px 0 -80px -40px; font-size: 14px; color: #5a2c08; text-align: center;}#tri a{text-decoration: none; color: #5a2c08;}#tri th{font-size: 34px; color: #5a2c08; padding-bottom: 20px;}#tri_alphabet table{width: 520px; margin: 120px auto 100px auto;}/* FAMILLE ET ENSEMBLE */#famille,#ensemble {margin-top: 20px; float:left;}#famille td,#ensemble td {width: 320px; font-size: 12px; color: #333; text-align: justify; padding: 15px 0; border-bottom: 1px solid #cfbd8e ;}.bois,.clavier,.corde,.cuivre,.percussion{display:block;height:70px;width:100px;margin:0 auto;background:transparent url(famille/images/familles.jpg) no-repeat;}.bois{background-position: 0 0 ;}.clavier{background-position: 0 -80px ;}.corde{background-position: 0 -160px ;}.cuivre{background-position: 0 -240px ;}.percussion{background-position: 0 -320px ;}.orchestre,.chambre,.vent,.rock,.jazz,.steel,.gamelan{display:block;margin:0 auto;background:transparent url(ensemble/images/ensembles.jpg) no-repeat;}.orchestre { background-position: 0 -321px; width: 133px; height: 86px; } .chambre { background-position: 0 0; width: 138px; height: 90px; } .vent { background-position: 0 -633px; width: 133px; height: 86px; } .rock { background-position: 0 -417px; width: 133px; height: 86px; } .jazz { background-position: 0 -201px; width: 138px; height: 110px; } .steel { background-position: 0 -513px; width: 149px; height: 110px; } .gamelan { background-position: 0 -100px; width: 152px; height: 91px; } #famille a, #ensemble a {text-decoration: none; color: #652e09;}#famille td.fond ,#ensemble td.fond{background: transparent url(images/fonds.png) repeat-y;background-position: 0 0;}#ban-famille{width:160px;			border: 1px solid #846a40;			text-align:center;			padding: 10px 0;			line-height: 22px;			float:left;			margin: 20px 0 0 100px;}#ban-famille img{border: 1px solid #846a40;}.ensembles{		border: 1px solid #846a40; 				width: 960px;				height: auto;				background: transparent url(images/fonds.png) repeat-y;				background-position: -330px 0;				margin: 120px auto 0 auto;				padding: 10px;				text-align:justify;				line-height: 18px;				font-family: Arial; color: #333; font-size: 14px;}.ensembles p:first-letter{font-size:26px;color:#5a2c08;}				/* LIEU */#carte{width: 760px; height: 493px; margin: 120px 0 0 105px;}#ombrecarte{width:760px;height:9px;margin: -3px 0 0 105px;background:#faeed0 url(images/ombrecarte.png) no-repeat;}/* MENTIONS LEGALES */#mention {		border: 1px solid #5a2c08;				width: 470px;				height: auto;				background: transparent url(images/fond-message.png) repeat-y top center;				margin: 130px 0 0 130px; padding: 10px 0 0 250px;				font-family: Arial; color: #333; font-size: 14px; font-weight: lighter;}#mention h5{padding-left:10px; text-align: left;font-size: 12px; color: #333;}#mention a{padding-left: 10px; font-size: 10px; text-decoration: none; color: #652e09;}#mention p.marron{font-size: 12px; color: #652e09;}/* PLAN DU SITE */#plansite{width: 600px; background: transparent url(images/fond-message.png) repeat-y;background-position: -150px 0;		margin: 120px auto 10px auto; color:#333; font-size: 11px;list-style: url(../images/puceviolon.gif);}#plansite a{color:#652e09;text-decoration: none;}#plansite ul.indent{list-style: circle;}#plansite li.decal{margin:5px 0 8px 0; font-weight: bold;}/* MOTEUR DE RECHERCHE */#recherche {width:288px;position:absolute;top:400px;left:702px;}#recherche fieldset{border:1px solid #846a40;padding-left:4px;}#recherche legend {font-size: 13px; color: #652e09;}#recherche input {background: #f3e0b9;}#recherche input[type=submit]{background: transparent url(../images/rechercher.gif);padding:0;width:32px;height:32px;border:0;cursor:pointer;}
