body {
	background: url(images/background.jpg) repeat;
	margin: 10px 0px;
	padding: 0px;
	font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

img {
	border: none;
}

a, a:link, a:visited, a:active {
	color: #7E5B38;
	text-decoration: none;
}

a:hover {
	color: #B38153;
	text-decoration: none;
}

.petit {
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
}

h1 {
	text-align: center;
	font-size: 28px;
	margin: 0px;
}

h2 {
	font-size: 24px;
	margin: 0px;
}

h3 {
	font-size: 20px;
	margin: 0px;
}

h4 {
	font-size: 17px;
	margin: 0px;
}

h5 {
	font-size: 15px;
	margin: 0px;
}

h6 {
	font-size: 12px;
	margin: 0px;
}
hr {
	border-top: 1px none;
	border-bottom: 1px solid #000000;
	height: 1px;
	margin: 0px 0px 3px;
	clear: both;
	line-height: 20px;
}
#texte-discographie form {
	display: inline;
}
#texte-discographie table {
	margin: 0px auto;
	text-align: center;
}
#texte-discographie td {
	width: 70px;
	text-align: center;
}



.sous-titre-h1 {
	font-size: 16px;
	line-height: 25px;
}

.float-left {
	float: left;
	margin-right: 10px;
}

.float-right {
	float: right;
	margin-left: 10px;
}
.clear-both {
	clear: both;
}

.centre {
	text-align: center;
}
.low-margin {
	margin: 0px;
	padding: 0px;
	line-height: 0px;
	height: 23px;
	overflow: hidden;
}



#main {
	width: 910px;
	margin-left: -455px;
	position: absolute;
	left: 50%;
	height: 900px;
}

#cadre-top {
	background: url(images/cadre-top.gif) no-repeat left top;
	position: absolute;
	z-index: 100;
	height: 74px;
	width: 810px;
	left: 100px;
	top: 160px;
}

#cadre-bottom {
	background: url(images/cadre-bottom.gif) no-repeat left top;
	position: absolute;
	z-index: 100;
	height: 39px;
	width: 810px;
	left: 100px;
	top: 771px;
}

#cadre-left {
	background: url(images/cadre-left.gif) no-repeat left top;
	position: absolute;
	z-index: 100;
	height: 537px;
	width: 23px;
	left: 100px;
	top: 234px;
}

#cadre-right {
	background: url(images/cadre-right.gif) no-repeat left top;
	position: absolute;
	z-index: 100;
	height: 537px;
	width: 34px;
	top: 234px;
	right: 0px;
}

#logo {
	background: url(images/logo.gif) no-repeat left top;
	position: absolute;
	height: 203px;
	width: 426px;
	left: 120px;
	top: 2px;
	z-index: 1000;
}

#menu-top {
	background: url(images/menu-top.gif) no-repeat left top;
	position: absolute;
	height: 21px;
	width: 100px;
	top: 225px;
	left: 0px;
}

#menu {
	background: url(images/menu.gif) repeat-y left;
	position: absolute;
	width: 100px;
	top: 246px;
	height: 516px;
	left: 0px;
}

#menu-bottom {
	background: url(images/menu-bottom.gif) no-repeat left top;
	position: absolute;
	width: 100px;
	top: 762px;
	height: 33px;
	left: 0px;
}

#top-menu {
	position: absolute;
	width: 230px;
	top: 138px;
	right: 24px;
	text-align: right;
	font-weight: bold;
	font-size: 15px;
	border-style: none;
}

#top-menu a:link, #top-menu a:visited, #top-menu a:active {
	border: none;
	color: #FFFFFF;
}

#top-menu a:hover {
	border: none;
	color: #C9AB8B;
}

a#bouton-accueil, a#bouton-accueil:visited, a#bouton-accueil:active {
	background: url(images/bouton-accueil.jpg) no-repeat right top;
	position: absolute;
	height: 16px;
	width: 75px;
	padding-top: 48px;
	left: 15px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	top: -5px;
	font-size: 12px;
}

a#bouton-accueil:hover {
	background: url(images/bouton-accueil.jpg) no-repeat left top;
	color: #CC9933;
	border: 1px dashed #593D00;
}

a#bouton-groupe, a#bouton-groupe:visited, a#bouton-groupe:active {
	background: #5F4532 url(images/bouton-groupe.jpg) no-repeat right top;
	position: absolute;
	height: 16px;
	width: 75px;
	padding-top: 48px;
	left: 15px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	top: 75px;
	font-size: 12px;
}

a#bouton-groupe:hover {
	background: #333333 url(images/bouton-groupe.jpg) no-repeat left top;
	color: #CC9933;
	border: 1px dashed #593D00;
}

a#bouton-concerts, a#bouton-concerts:visited, a#bouton-concerts:active {
	background: #5F4532 url(images/bouton-concerts.jpg) no-repeat right top;
	position: absolute;
	height: 16px;
	width: 75px;
	padding-top: 48px;
	left: 15px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	top: 150px;
	font-size: 12px;
}

a#bouton-concerts:hover {
	background: #333333 url(images/bouton-concerts.jpg) no-repeat left top;
	color: #CC9933;
	border: 1px dashed #593D00;
}

a#bouton-discographie, a#bouton-discographie:visited, a#bouton-discographie:active {
	background: #5F4532 url(images/bouton-discographie.jpg) no-repeat right top;
	position: absolute;
	height: 16px;
	width: 75px;
	padding-top: 48px;
	left: 15px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	top: 225px;
	font-size: 12px;
}

a#bouton-discographie:hover {
	background: #333333 url(images/bouton-discographie.jpg) no-repeat left top;
	color: #CC9933;
	border: 1px dashed #593D00;
}

a#bouton-mariages, a#bouton-mariages:visited, a#bouton-mariages:active {
	background: #5F4532 url(images/bouton-mariages.jpg) no-repeat right top;
	position: absolute;
	height: 16px;
	width: 75px;
	padding-top: 48px;
	left: 15px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	top: 300px;
	font-size: 12px;
}

a#bouton-mariages:hover {
	background: #333333 url(images/bouton-mariages.jpg) no-repeat left top;
	color: #CC9933;
	border: 1px dashed #593D00;
}

a#bouton-expo, a#bouton-expo:visited, a#bouton-expo:active {
	background: #5F4532 url(images/bouton-expo.jpg) no-repeat right top;
	position: absolute;
	height: 16px;
	width: 75px;
	padding-top: 48px;
	left: 15px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	top: 375px;
	font-size: 12px;
}

a#bouton-expo:hover {
	background: #333333 url(images/bouton-expo.jpg) no-repeat left top;
	color: #CC9933;
	border: 1px dashed #593D00;
}

a#bouton-stages, a#bouton-stages:visited, a#bouton-stages:active {
	background: #5F4532 url(images/bouton-stages.jpg) no-repeat right top;
	position: absolute;
	height: 16px;
	width: 75px;
	padding-top: 48px;
	left: 15px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	top: 450px;
	font-size: 12px;
}

a#bouton-stages:hover {
	background: #333333 url(images/bouton-stages.jpg) no-repeat left top;
	color: #CC9933;
	border: 1px dashed #593D00;
}

#bandeau {
	position: absolute;
	height: 90px;
	width: 789px;
	top: 702px;
	right: 14px;
	background: #FFFFFF;
	white-space: nowrap;
}

#footer {
	position: absolute;
	height: 50px;
	width: 800px;
	left: 100px;
	top: 820px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #FFFFFF;
}

#footer a:link, #footer a:visited, #footer a:active {
	color:#E1A364;
	font-weight: bold;
}

#footer a:hover {
	color:#FFFFFF;
}

#agenda {
	position: absolute;
	height: 230px;
	width: 460px;
	top: 277px;
	right: 35px;
	z-index: 1;
	color: #FFFFFF;
	font-weight: normal;
}

#agenda-titre {
	position: absolute;
	top: 233px;
	left: 416px;
	z-index: 1;
	color: #585858;
	font-size: 32px;
	font-weight: bold;
}

#agenda th {
	border: 1px dashed #666666;
	background: #333333;
}

#agenda td {
	border: 1px dashed #666666;
	font: normal 11px Geneva, Arial, Helvetica, sans-serif;
}

#agenda-1 {
	width: 550px;
	z-index: 1;
	color: #FFFFFF;
	font-weight: normal;
	height: 300px;
}

#agenda-1 th {
	background: #586B8D;
	padding: 7px;
}

#agenda-1 td {
	padding: 4px;
	background: #8F7869;
}

.content-left {
	position: absolute;
	height: 486px;
	width: 565px;
	top: 216px;
	right: 238px;
}

.content-right {
	position: absolute;
	height: 535px;
	width: 224px;
	top: 167px;
	right: 14px;
}

.texte {
	position: absolute;
	height: 455px;
	left: 130px;
	top: 236px;
	text-align: justify;
	z-index: 1000;
	font-weight: bold;
	overflow: auto;
	padding: 2px;
}

#content-left-accueil {
	background: #FFFFFF url(images/accueil-l.jpg) no-repeat right top;
	height: 576px;
}

#content-right-accueil {
	background: #FFFFFF url(images/accueil-r.jpg) no-repeat left top;
	height: 625px;
}

#texte-accueil {
	color: #FFFFFF;
	text-align: right;
	overflow: visible;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	right: 30px;
	top: 226px;
	position: absolute;
	width: 740px;
}
#citation-accueil {
	color: #FFFFFF;
	position: absolute;
	top: 740px;
	left: 127px;
	z-index: 10;
	width: 740px;
	text-align: center;
	height: 0px;
	margin: 0px;
	padding: 0px;
	overflow: visible;
}


#content-left-historique {
	background: #FFFFFF url(images/historique-l.jpg) no-repeat right top;
}

#content-right-historique {
	background: #FFFFFF url(images/historique-r.jpg) no-repeat left top;
}

#texte-historique {
	width: 300px;
	font-size: 12px;
}

#content-left-contacts {
	background: #FFFFFF url(images/contacts-l.jpg) no-repeat right top;
}

#content-right-contacts {
	background: #FFFFFF url(images/contacts-r.jpg) no-repeat left top;
}

#texte-contacts {
	width: 340px;
	text-align: center;
}

#content-left-expo {
	background: #FFFFFF url(images/expo-l.jpg) no-repeat right top;
}

#content-right-expo {
	background: #FFFFFF url(images/expo-r.jpg) no-repeat left top;
}

#texte-expo {
	width: 310px;
	font-size: 12px;
	line-height: 17px;
}

#content-left-mariages {
	background: #FFFFFF url(images/mariages-l.jpg) no-repeat right top;
}

#content-right-mariages {
	background: #FFFFFF url(images/mariages-r.jpg) no-repeat left top;
}

#texte-mariages {
	width: 240px;
}

#content-left-concerts {
	background: #FFFFFF url(images/concerts-l.jpg) no-repeat right top;
}

#content-right-concerts {
	background: #FFFFFF url(images/concerts-r.jpg) no-repeat left top;
}

#texte-concerts {
	width: 270px;
	color: #FFFFFF;
	left: 110px;
}

#content-left-stages {
	background: #FFFFFF url(images/stages-l.jpg) no-repeat right top;
}

#content-right-stages {
	background: #FFFFFF url(images/stages-r.jpg) no-repeat left top;
}

#texte-stages {
	width: 199px;
}

#content-left-discographie {
	background: url(images/discographie-l.jpg) no-repeat left top;
}

#content-right-discographie {
	background: url(images/discographie-r.jpg) no-repeat left top;
}

#texte-discographie {
	width: 350px;
	height: 460px;
}
#texte-discographie p {
	margin: 0px;
}


#texte-medias {
	width: 370px;
	height: 460px;
	position: absolute;
	top: 236px;
	z-index: 100;
	left: 500px;
	font-weight: bold;
	padding: 2px 2px 2px 7px;
	border-left: 1px solid #FFFFFF;
}

#content-left-groupe {
	background: #FFFFFF url(images/groupe-l.jpg) no-repeat right top;
}

#content-right-groupe {
	background: #FFFFFF url(images/groupe-r.jpg) no-repeat left top;
}
.notre-histoire {
	position: absolute;
	text-align: center;
	left: 68px;
	font-weight: bold;
	font-size: 16px;
	bottom: 3px;
	height: 6px;
	vertical-align: baseline;
	overflow: visible;
}
.notre-histoire a, .notre-histoire a:visited {
	color: #FFFFFF;
	margin: 0px;
	line-height: normal;
	padding: 0px;
}



#texte-groupe {
	width: 520px;
	text-align: left;
}

#content-left-sylvie {
	background: #FFFFFF url(images/sylvie.jpg) no-repeat left top;
}

#content-right-sylvie {
	background: #FFFFFF;
}

#texte-sylvie {
	width: 280px;
	left: 580px;
}

#content-left-laurent {
	background: #FFFFFF url(images/laurent.jpg) no-repeat left top;
}

#content-right-laurent {
	background: #FFFFFF;
}

#texte-laurent {
	width: 280px;
	left: 580px;
}

#content-left-guillaume {
	background: #FFFFFF url(images/guillaume.jpg) no-repeat left top;
}

#content-right-guillaume {
	background: #FFFFFF;
}

#texte-guillaume {
	width: 280px;
	left: 580px;
}

#content-left-vincent {
	background: #FFFFFF url(images/vincent.jpg) no-repeat left top;
}

#content-right-vincent {
	background: #FFFFFF;
}

#texte-vincent {
	width: 280px;
	left: 580px;
}

#content-left-jerome {
	background: #FFFFFF url(images/jerome.jpg) no-repeat left top;
}

#content-right-jerome {
	background: #FFFFFF;
}

#texte-jerome {
	width: 254px;
	left: 606px;
}

#content-left-philippe {
	background: #FFFFFF url(images/philippe.jpg) no-repeat left top;
}

#content-right-philippe {
	background: #FFFFFF;
}

#texte-philippe {
	width: 222px;
	left: 638px;
}

#content-left-lois {
	background: #FFFFFF url(images/lois-l.jpg) no-repeat left top;
}

#content-right-lois {
	background: #FFFFFF url(images/lois-r.jpg) no-repeat left top;
}

#texte-lois {
	width: 190px;
	left: 675px;
}

.mail {
	background: url(images/mail.gif) no-repeat left top;
	height: 28px;
	padding-left: 35px;
	width: 100px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding-top: 2px;
}

.email {
	background: url(images/mail.gif) no-repeat left top;
	height: 28px;
	padding-left: 35px;
	width: 220px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding-top: 2px;
	position: relative;
}

.retour {
	background: url(images/retour.gif) no-repeat left top;
	height: 30px;
	padding-left: 37px;
	width: 55px;
	display: block;
	padding-top: 4px;
	text-align: left;
	font-size: 16px;
	position: absolute;
	left: 50%;
	margin-left: -46px;
	top: 415px;
}

.mail:hover, .retour:hover, .email:hover {
	border-right: 1px dashed #C79661;
}

#texte-discographie h1 {
	margin-bottom: 10px;
}

#discographie-tome1 {
	position: absolute;
	z-index: 1;
	height: 150px;
	left: 132px;
	top: 545px;
	width: 350px;
	border: 1px dashed #bbbbbb;
	background: #EAE3D7;
	font-weight: bold;
}

#discographie-tome5 {
	position: absolute;
	z-index: 1;
	height: 150px;
	left: 503px;
	top: 545px;
	width: 350px;
	border: 1px dashed #bbbbbb;
	background: #EAE3D7;
	font-weight: bold;
}

#discographie-tome1 p, #discographie-tome5 p {
	margin-top: 0px;
}

a.bouton-ecouter:link, a.bouton-ecouter:visited, a.bouton-ecouter:active {
	color: #CC0000;
	position: relative;
	height: 22px;
	width: 200px;
	padding: 5px 5px 5px 45px;
	left: 10px;
	font-size: 16px;
	border: 2px dotted #CCCCCC;
	background: #FFFFFF url(images/ecouter.jpg) no-repeat 5px center;
	z-index: 3;
	top: 20px;
}

a.bouton-ecouter:hover {
	color: #000000;
	position: relative;
	height: 22px;
	width: 200px;
	padding: 5px 5px 5px 45px;
	left: 11px;
	top: 21px;
	font-size: 16px;
	border: 2px dotted #CCCCCC;
	background: #eeeeee url(images/ecouter.jpg) no-repeat 5px center;
	z-index: 3;
}

a.bouton-acheter:link, a.bouton-acheter:visited, a.bouton-acheter:active {
	color: #CC0000;
	position: relative;
	height: 22px;
	width: 200px;
	padding: 5px 5px 5px 45px;
	left: 10px;
	font-size: 16px;
	border: 2px dotted #CCCCCC;
	background: #FFFFFF url(images/acheter.jpg) no-repeat 5px center;
	z-index: 3;
}

a.bouton-acheter:hover {
	color: #000000;
	position: relative;
	height: 22px;
	width: 200px;
	padding: 5px 5px 5px 45px;
	left: 11px;
	top: 1px;
	font-size: 16px;
	border: 2px dotted #CCCCCC;
	background: #eeeeee url(images/acheter.jpg) no-repeat 5px center;
	z-index: 3;
}

a#bouton-sylvie, a#bouton-sylvie:link, a#bouton-sylvie:active, a#bouton-sylvie:visited {
	background: url(images/bouton-sylvie.jpg) no-repeat left bottom;
	height: 35px;
	width: 180px;
	padding-left: 60px;
	position: absolute;
	left: 127px;
	top: 15px;
	padding-top: 15px;
	color: #000000;
}

a#bouton-sylvie:hover {
	background: url(images/bouton-sylvie.jpg) no-repeat left top;
	height: 35px;
	width: 180px;
	padding-left: 60px;
	position: absolute;
	left: 127px;
	top: 15px;
	padding-top: 15px;
	color: #777777;
	border-top: 2px solid #aaaaaa;
	border-left: 2px solid #bbbbbb;
	border-right-style: none;
	border-bottom-style: none;
}

a#bouton-laurent, a#bouton-laurent:link, a#bouton-laurent:active, a#bouton-laurent:visited {
	background: url(images/bouton-laurent.jpg) no-repeat left bottom;
	height: 35px;
	width: 164px;
	padding-left: 60px;
	position: absolute;
	left: 181px;
	top: 72px;
	padding-top: 15px;
	color: #000000;
}

a#bouton-laurent:hover {
	background: url(images/bouton-laurent.jpg) no-repeat left top;
	height: 35px;
	width: 164px;
	padding-left: 60px;
	position: absolute;
	left: 181px;
	top: 72px;
	padding-top: 15px;
	border-style: none;
	color: #777777;
	border-top: 2px solid #aaaaaa;
	border-left: 2px solid #bbbbbb;
	border-right-style: none;
	border-bottom-style: none;
}

a#bouton-guillaume, a#bouton-guillaume:link, a#bouton-guillaume:active, a#bouton-guillaume:visited {
	background: url(images/bouton-guillaume.jpg) no-repeat left bottom;
	height: 35px;
	width: 52px;
	padding-left: 60px;
	position: absolute;
	left: 212px;
	top: 137px;
	padding-top: 15px;
	color: #000000;
}

a#bouton-guillaume:hover {
	background: url(images/bouton-guillaume.jpg) no-repeat left top;
	height: 35px;
	width: 52px;
	padding-left: 60px;
	position: absolute;
	left: 212px;
	top: 137px;
	padding-top: 15px;
	border-style: none;
	color: #777777;
	border-top: 2px solid #aaaaaa;
	border-left: 2px solid #bbbbbb;
	border-right-style: none;
	border-bottom-style: none;
}

a#bouton-vincent, a#bouton-vincent:link, a#bouton-vincent:active, a#bouton-vincent:visited {
	background: url(images/bouton-vincent.jpg) no-repeat left bottom;
	height: 35px;
	width: 56px;
	padding-left: 60px;
	position: absolute;
	left: 219px;
	top: 204px;
	padding-top: 15px;
	color: #000000;
}

a#bouton-vincent:hover {
	background: url(images/bouton-vincent.jpg) no-repeat left top;
	height: 35px;
	width: 56px;
	padding-left: 60px;
	position: absolute;
	left: 219px;
	top: 204px;
	padding-top: 15px;
	border-style: none;
	color: #777777;
	border-top: 2px solid #aaaaaa;
	border-left: 2px solid #bbbbbb;
	border-right-style: none;
	border-bottom-style: none;
}

a#bouton-jerome, a#bouton-jerome:link, a#bouton-jerome:active, a#bouton-jerome:visited {
	background: url(images/bouton-jerome.jpg) no-repeat left bottom;
	height: 35px;
	width: 167px;
	padding-left: 60px;
	position: absolute;
	left: 208px;
	top: 272px;
	padding-top: 15px;
	color: #000000;
}

a#bouton-jerome:hover {
	background: url(images/bouton-jerome.jpg) no-repeat left top;
	height: 35px;
	width: 167px;
	padding-left: 60px;
	position: absolute;
	left: 208px;
	top: 272px;
	padding-top: 15px;
	border-style: none;
	color: #777777;
	border-top: 2px solid #aaaaaa;
	border-left: 2px solid #bbbbbb;
	border-right-style: none;
	border-bottom-style: none;
}

a#bouton-philippe, a#bouton-philippe:link, a#bouton-philippe:active, a#bouton-philippe:visited {
	background: url(images/bouton-philippe.jpg) no-repeat left bottom;
	height: 35px;
	width: 81px;
	padding-left: 60px;
	position: absolute;
	left: 172px;
	top: 336px;
	padding-top: 15px;
	color: #000000;
}

a#bouton-philippe:hover {
	background: url(images/bouton-philippe.jpg) no-repeat left top;
	height: 35px;
	width: 121px;
	padding-left: 60px;
	position: absolute;
	left: 172px;
	top: 336px;
	padding-top: 15px;
	border-style: none;
	color: #777777;
	border-top: 2px solid #aaaaaa;
	border-left: 2px solid #bbbbbb;
	border-right-style: none;
	border-bottom-style: none;
}

a#bouton-lois, a#bouton-lois:link, a#bouton-lois:active, a#bouton-lois:visited {
	background: url(images/bouton-lois.jpg) no-repeat left bottom;
	height: 35px;
	width: 111px;
	padding-left: 60px;
	position: absolute;
	left: 115px;
	top: 393px;
	padding-top: 15px;
	color: #000000;
}

a#bouton-lois:hover {
	background: url(images/bouton-lois.jpg) no-repeat left top;
	height: 35px;
	width: 111px;
	padding-left: 60px;
	position: absolute;
	left: 115px;
	top: 393px;
	padding-top: 15px;
	border-style: none;
	color: #777777;
	border-top: 2px solid #aaaaaa;
	border-left: 2px solid #bbbbbb;
	border-right-style: none;
	border-bottom-style: none;
}
.gras {
	font-weight: bold;
}
.notre-histoire a:hover {
	color: #C79661;
	border-style: none;
}
