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;}
/* body{background:#faeed1 url(images/noel2.jpg) no-repeat fixed;} */
body {background:#faeed1;font-family:sans-serif;font-size:10px;color:#666;width:100%;}
a span{display: none;}
span.italic {font-style:italic;padding-left:40px;}
#page{}
#xiti{margin:0;padding:0;clear:both;}
#pub {position:absolute; top: 195px; left:240px;z-index:2;}
#pubvertical,#pubvertical2 {float:left;z-index:2;margin:22px 0 0 38px;}
#pubverticalliste {float:left;z-index:2;margin:228px 0 0 140px;}
#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;background:#faeed0;}
#contenu{background:#faeed0;width:100%;}
#entete{margin:0;padding:0;width:100%;height:235px;}
#utile{height:100%;width:100%;}
#piedpage{float:left;}
#utile h1{margin:30px 0 0 360px;font-size:22px;}
#bottom{height:15px;width:990px;border-top: 1px solid #aaa;border-bottom: 1px solid #aaa;padding:0;margin:20px 0 6px 0;}
#bottom a{color:#aa7955;text-decoration:none;margin:3px 135px;}
#bottom a:hover{text-decoration:underline;}
/* Menu + Titre */
#bandeau{width:100%;height:117px;background:#faeed0 url(images/bandeau_titre.gif) repeat-x top left;position: absolute;top:51px;z-index:1;}
#bandeau_photo{width:380px;height:95px;background:#faeed0 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:#faeed0 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:#faeed0 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:#faeed0 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: #faeed0 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: #faeed0 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: #faeed0 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: #faeed0 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: 990px; height: 25px;margin-top: 120px;float:left;}
#az2 {width: 990px; height: 25px; margin: 10px 0 0 0;float:left;}
#alphabet{width: 520px;margin:0 auto;}
#az a,#az2 a{display:block; width:20px;height:20px;	background: #faeed0 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{float:left;width: 490px; margin: 120px 0 10px 0;}
#tri table.suite{ margin-left:30px;}
#tri td{background: #faeed0 url(images/fonds.png) repeat-y center;background-position: 15px 0;font-size: 14px; text-align: center;line-height:6px;border: 1px solid #e3d3ac;}
#tri td.miniature{background: #faeed0;}
#tri td.miniature img{border:3px solid #e3d3ac;}
#tri p{width:990px;margin: 20px 0 20px -20px;font-size: 14px; color: #5a2c08; text-align: center;}
#tri p span.noinstr{font-size: 18px;}
#tri a{text-decoration: none; color: #5a2c08;}
#tri th{font-size: 34px; color: #5a2c08; padding-bottom: 20px;}
#tri h1,#tri h1 {width:100%;margin:120px 0 20px 0;font-size: 34px; color: #5a2c08;text-align:center;}
#tri_alphabet{width: 990px; margin: 0 0 20px 20px;float:left;}
#tri_alphabet table{width: 455px; margin:0 0 20px 0;float:left;}
/* 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:#faeed0 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:#faeed0 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: #faeed0 url(images/fonds.png) repeat-y;background-position: 0 0;}
.ensembles{border: 1px solid #846a40;
 				width: 960px;
				height: auto;
				background: #faeed0 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: #faeed0 url(images/fond-message.png) repeat-y top center;
		margin: 130px 0 0 130px; padding: 10px 0 10px 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: #faeed0 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: #faeed0 url(../images/rechercher.gif);padding:0;width:32px;height:32px;border:0;cursor:pointer;}

@media screen and (max-width: 720px)
{
	/* body,#contenu,#page,#utile,#entete{width:720px;} */
	
}