html, body{
	margin: 0;
	padding: 0;
	width: 100%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
html{
	background: #E0C69B url(images/gauche.jpg) repeat-y;
}
#conteneur{
	background: url(images/logo.jpg) no-repeat;
	height: 250px;
}
#entete{
	background: url(images/entete.jpg);
	height: 96px;
	margin: 0 0 0 284px;
	padding: 0;
}
#entete span, #cmf span, #fma span, .bouton span{
	/*display: none;*/ 
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}
#entete a{
	display: block;
	background: url(images/entete-texte.jpg) no-repeat right;
	height: 100%;
}
#menu{
	margin: 150px 0 0;
	width: 272px;
	float: left;
}
#menu dt{
	font-size: 1.2 em;
	font-weight: bold;
	background: url(images/menu-titre.jpg) repeat-y;
	padding: 3px;
	color: #630;
	text-align: center;
}
#menu dd{
	margin: 0;
}
#menu dd a{
	padding: 3px;
	display: block;
	color: #C88E21;
	font-weight: bold;
	text-decoration: none;
	height: 100%;
}
#menu dd a:hover{
	color: #630;
	background: #E9D2AC;
}
#cmf{
	display: block;
	background: url(images/cmf.gif) no-repeat center;
	float: left;
	width: 136px;
	height: 40px;
	margin: 30px 0 0;
}
#fma{
	display: block;
	background: url(images/fma.gif) no-repeat center;
	float: left;
	width: 136px;
	height: 65px;
	margin: 30px 0 0;
}
#contenu{
	margin: 0 5px 0 290px;
	padding: 0 0 30px 30px;
	background: url(images/notes-fin.gif) no-repeat bottom right;
}
#contenu h1{
	font-size: 2em;
	background: url(images/titre.gif) no-repeat;
	height: 75px;
	color: #630;
	padding: 20px 0 0 30px;
	margin: 0 0 0 -30px; 
}
#contenu img{
	border: 0;
}
#contenu a{
	color: #630;
}
#contenu a:hover{
	text-decoration: none;
}
#contenu h3{
	font-size: 1.7em;
}
#instruments{
	position: absolute;
	right: 10px;
	padding: 5px;
	background-color: #F5DEB8;
	width: 15em;
}
#instruments li{
	margin: 0;
	padding: 3px;
	list-style: none;
}
.details{
	margin-right: 17em;
	height: 35em;
}
.details ul, .liste li{
	margin: 0;
	/*background: url(images/petites-notes.gif) no-repeat bottom;*/
	padding: 0 0 0 5px;
	border-left: 3px solid #F5DEB8;
}
.details li, .liste li{
	list-style: none;
}
.liste h2, .details h2, .prof h2, #ecrivez h2, .evenement h2{
	font-size: 1.4em;
	color: #C88E21;
	margin: 10px 0 0;
}
.haut{
	margin: -20px 0 0 -60px;
}
.prof{
	width: 200px;
	height: 260px;
	text-align: center;
	float: left;
	border: 3px solid #F5DEB8;
	margin: 5px;
	padding: 5px;
}
.prof h4{
	margin: 2px;
	padding: 2px;
	font-size: 1.2em;
}
.evenement h4{
	margin:0;
	font-size: 1em;
	color: #C88E21;
}
.evenement h2{
	margin: 15px 0 0;
	color: #630;
	font-size: 1em;
	font-style: italic;
}
.evenement span, #actus p, .details_actus{
	border: 2px dotted #F5DEB8;
	margin: 0;
	display: block;
	padding: 3px;
}
.liens a{
	display: block;
}
.liens span{
	display: none;
}
.liens li{
	margin: 0 0 10px;
}
#ecrivez{
	width: 100%;
}
#ecrivez label{
	margin: 5px 0 0;
	display: block;
	font-weight: bold;
}
#ecrivez input{
	margin: 0 0 5px;
	border: 1px solid #630;
	background: #F5DEB8;
}
#ecrivez fieldset{
	padding: 5px;
	margin: 5px 0;
	border: 2px solid #F5DEB8;
	width: 525px;
}
#ecrivez legend{
	font-weight: bold;
	margin: 0 0 15px;
}
#ecrivez textarea{
	margin: 5px;
	border: 1px solid #630;
	background: #F5DEB8;
}
#ecrivez .help{
	border: 0;
	background: transparent;
}
#help{
	width: 250px;
	font-style: italic;	
}
#apercu{
	height: 50px;
	border: 2px dotted #F5DEB8;
	margin: 0 10px 10px 0;
	padding: 5px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
}
#apercu pre{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 1em;
}
/*.bouton{
	color: #630;
	border: 2px solid;
	background: #C88E21;
}
.bouton span{
	display: none;
}*/
#gras{
	display: block;
	width: 26px;
	height: 25px;
	float: left;
	background: url(images/bouton-g.gif);
}
#italique{
	display: block;
	width: 26px;
	height: 25px;
	float: left;
	background: url(images/bouton-i.gif);
}
#souligne{
	display: block;
	width: 26px;
	height: 25px;
	float: left;
	background: url(images/bouton-s.gif);
}
#bt_envoyer{
	display: block;
	width: 83px;
	height: 32px;
	float: left;
	background: url(images/envoyer.gif);
}
#annonces h2{
	font-size: 1.2em;
	margin: 15px 0 2px;	
}
#annonces h3{
	font-size: 1.2em;
	background: #630;
	color: #E0C69B;
	margin: 0;
	padding: 2px;
}
#annonces li{
	border: 2px dotted #F5DEB8;
	margin: 5px;
	list-style: none;
	padding: 5px;
}
#annonces p{
	background: #F5DEB8;
	padding: 5px;
	margin: 0;
	font-size: 1.2em;
}
.imagepage{
	margin: 0 0 10px 0;
}
.imagepage em{
	display: block;
	font-size: 0.8em;
	margin: -7px 0 5px 0;
}
.spacer {
	clear: both;
}

#actus h1{
	padding: 20px 0 0 30px;
	margin: 20px 0 -20px -30px; 
}
#actus h2{
	font-size: 1.2em;
	color: #C88E21;
	margin: 10px 0 0;
}
#actus h3{
	text-align: right;
	margin: -10px 10px 0;
	font-size: 1em;
	color: #630;
}
.image_une{
	border: 2px solid #F5DEB8;
	margin: 10px;
	text-align: center;
}