/* -------------------------------------STYLE */

html, body {
	background-color: #e2dcd4;
	background-image: url(../images/back.jpg);
	background-repeat: repeat-x;
	font-family: Verdana, Helvetica, sans-serif;
	text-align: center;
	padding: 0;
	margin: 0;
}

#flash {
	width: 283px;
	height: 100px;
	position: relative;
	float: left;
}

#middle {
	background-image: url(../images/middle.jpg);
	background-repeat: repeat-y;
	width: 847px;
	margin: 0 auto;
	padding: 0;
}

#bottom {
	background-image: url(../images/bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 847px;
	margin: 0;
	padding: 0 0 70px 0;
	overflow: auto;
}

#bas {
	background-image: url(../images/bas.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 847px;
	height: 140px;
	margin: 0 auto;
	padding: 0;
	overflow: auto;
}

span{
	display: none;
}

/* -------------------------------------CONTENU */

.image_album {
	width: 67px;
	height: 67px;
	padding: 0;
	margin: 11px 8px 10px 0;
	float:left;
	border: 0px;
}

#contenu01 {
	width: 410px;
	height: 160px;
	margin: 325px 0 0 55px;
	padding: 0;
	position: relative;
	float: left;
	border: 0px solid black;
	text-align: left;
}

#contenu02 {
	width: 285px;
	margin: 15px 0 0 33px;
	padding: 0;
	position: relative;
	float: left;
	border: 0px solid black;
	text-align: left;
}

#bulletin {
	width: 410px;
	margin: 12px 0 0 59px;
	padding: 0;
	position: relative;
	float: left;
	border: 0px solid black;
	text-align: left;
}

#musique {
	width: 285px;
	margin: 20px 0 0 33px;
	padding: 0;
	position: relative;
	float: left;
	border: 0px solid black;
	text-align: left;
}
 
p{
	color: #7E6F5D;
	font-size: 0.7em;
	line-height: 1.2em;
	margin: 5px 0 10px 3px;
	padding: 0;
	text-align: justify;
}

p.points{
	color: #7E6F5D;
	font-size: 0.6em;
	line-height: 1.2em;
	margin: 5px 0 10px 3px;
	padding: 0;
}

p.form{
	color: #7E6F5D;
	font-size: 0.7em;
	line-height: 1.2em;
	margin: 5px 0 4px 3px;
	padding: 0;
}

em{
	font-weight: bold;
	font-style: normal;
}



form{
	margin: 0;
	padding: 0;
}

a.sabonner{
	background-image: url(../images/bt_sabonner.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 67px;
	height: 20px;
	margin: -1px 0 0 0;
	padding: 0;
	position: relative;
	float: left;
}

a.sabonner:hover{
	background-image: url(../images/bt_sabonner_over.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 67px;
	height: 20px;
	margin: -1px 0 0 0;
	padding: 0;
	position: relative;
	float: left;
}

a.musique{
	background-image: url(../images/musique.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	height: 20px;
	padding-left: 30px;
	color: #8F1825;
	text-decoration: underline;
	font-size: 0.7em;
	line-height: 1.2em;
	position: relative;
	float: left;
}

a.musique:hover{
	background-image: url(../images/musique.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	height: 20px;
	padding-left: 30px;
	color: #8F1825;
	text-decoration: none;
	font-size: 0.7em;
	line-height: 1.2em;
	position: relative;
	float: left;
}

a.lien{
	background-image: url(../images/lien.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	height: 14px;
	padding: 0 18px 0 0;
	color: #8F1825;
	text-decoration: underline;
	position: relative;
	float: left;
}

a.lien:hover{
	background-image: url(../images/lien.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	height: 14px;
	padding: 0 18px 0 0;
	color: #8F1825;
	text-decoration: none;
	position: relative;
	float: left;
}




/* -------------------------------------TITRE */

h1.mot {
	background-image: url(../images/titre_mot.jpg);
	background-repeat: no-repeat;
	background-position: top;
	font-size: 16px;
	line-height: 1.4em;
	font-weight: bold;
	margin: 10px 0 15px 0;
	padding: 0;
	width: 178px;
	height: 23px;
}

h1.nouvelles {
	background-image: url(../images/titre_nouvelles.jpg);
	background-repeat: no-repeat;
	background-position: top;
	font-size: 16px;
	line-height: 1.4em;
	font-weight: bold;
	margin: 10px 0 15px 0;
	padding: 0;
	width: 99px;
	height: 23px;
}

h1.bulletin {
	background-image: url(../images/titre_bulletin.jpg);
	background-repeat: no-repeat;
	background-position: top;
	font-size: 16px;
	line-height: 1.4em;
	font-weight: bold;
	margin: 10px 0 0 0;
	padding: 0;
	width: 80px;
	height: 23px;
}

h1.agenda {
	background-image: url(../images/titre_agenda.jpg);
	background-repeat: no-repeat;
	background-position: top;
	font-size: 16px;
	line-height: 1.4em;
	font-weight: bold;
	margin: 10px 0 15px 0;
	padding: 0;
	width: 77px;
	height: 23px;
}

h1.bio {
	background-image: url(../images/titre_bio.jpg);
	background-repeat: no-repeat;
	background-position: top;
	font-size: 16px;
	line-height: 1.4em;
	font-weight: bold;
	margin: 10px 0 15px 0;
	padding: 0;
	width: 106px;
	height: 23px;
}

h1.disco {
	background-image: url(../images/titre_disco.jpg);
	background-repeat: no-repeat;
	background-position: top;
	font-size: 16px;
	line-height: 1.4em;
	font-weight: bold;
	margin: 10px 0 15px 0;
	padding: 0;
	width: 127px;
	height: 23px;
}

h1.comment {
	background-image: url(../images/titre_commentaire.jpg);
	background-repeat: no-repeat;
	background-position: top;
	font-size: 16px;
	line-height: 1.4em;
	font-weight: bold;
	margin: 10px 0 15px 0;
	padding: 0;
	width: 203px;
	height: 29px;
}

h1.livre {
	background-image: url(../images/titre_livre.jpg);
	background-repeat: no-repeat;
	background-position: top;
	font-size: 16px;
	line-height: 1.4em;
	font-weight: bold;
	margin: 10px 0 15px 0;
	padding: 0;
	width: 93px;
	height: 23px;
}

h1.multi {
	background-image: url(../images/titre_multi.jpg);
	background-repeat: no-repeat;
	background-position: top;
	font-size: 16px;
	line-height: 1.4em;
	font-weight: bold;
	margin: 10px 0 15px 0;
	padding: 0;
	width: 111px;
	height: 23px;
}

h1.contact {
	background-image: url(../images/titre_contact.jpg);
	background-repeat: no-repeat;
	background-position: top;
	font-size: 16px;
	line-height: 1.4em;
	font-weight: bold;
	margin: 10px 0 15px 0;
	padding: 0;
	width: 90px;
	height: 25px;
}

h2{
	color: #7E6F5D;
	font-size: 0.7em;
	font-weight: bold;
	line-height: 1.2em;
	margin: 5px 0 0 3px;
	padding: 0;
}

h3{
	color: #8F1825;
	font-size: 0.7em;
	font-weight: bold;
	line-height: 1.2em;
	margin: 0 10px 0 3px;
	padding: 0;
}

/* -------------------------------------FOOTER */

#footer {
	width: 847px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	text-align: center;
	position: relative;
	float: left;
	border: 0px solid black;
}

a.footer{
	margin: 0;
	padding: 0;
	color: #ADA397;
	text-decoration: underline;
}

a.footer:hover{
	margin: 0;
	padding: 0;
	color: #ADA397;
	text-decoration: none;
}

p.footer{
	margin: 0;
	padding: 0;
	color: #ADA397;
	font-size: 0.6em;
	text-align: center;
}