#wrapper {
	position: fixed;
	height: 100%;
	width: 100%;
	margin:0px;
	padding:0px;
	z-index:1;
	overflow:auto;
}

.body {
	background-color: #eee4a5;
	margin-top: 0;
}

/** SPLASH **/

#background{
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	z-index:2;
	position: relative;
	height: 768px;
	width: 1024px;
	background-image:url(images/splash_bg.jpg);
}

#intro {
	height:56px;
	width:425px;
	z-index:3;
	position:absolute;
	left: 327px;
	top: 488px;
}

a.entree {
	display: block;
	position:relative;
	width: 332px;
	height: 121.5px;
	top: 70px;
	left: 60px;
	background: url("images/btn_entree.png") 0 0 no-repeat;
	text-decoration: none;
	z-index:4;
	background-image: url(images/btn_entree.png);
}

 a:hover.entree {
    background-position: 0px -121.5px;
}

/** ACCUEIL **/

#acceuil_bg{
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	z-index:2;
	position: relative;
	height: 768px;
	width: 1024px;
	background-image:url(images/acceuil_bg.jpg);
}

#accueil {
	z-index:9;
	position: absolute;
	height: 235px;
	width: 473px;
	left: 246px;
	top: -51px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(images/text_accueil.png);
	background-repeat: no-repeat;
}

/** BIOGRAPHIE **/

#bio_bg{
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	z-index:2;
	position: relative;
	height: 768px;
	width: 1024px;
	background-image:url(images/bio_bg.jpg);
}

#bio {
	z-index:9;
	position: absolute;
	height: 510px;
	width: 441px;
	left: 261px;
	top: 131px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align: justify;
}

/** DISCOGRAPHIE **/

#discographie_bg{
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	z-index:2;
	position: relative;
	height: 768px;
	width: 1024px;
	background-image:url(images/disco_bg.jpg);
}

#discographie {
	z-index:11;
	position: absolute;
	height: 588px;
	width: 724px;
	left: 271px;
	top: 151px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#fieve {
	z-index:12;
	position: absolute;
	height: 419px;
	width: 417px;
	left: 105px;
	top: -27px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(images/discographie_feves.png);
	background-repeat: no-repeat;
}

#fieve_trk_1 {
	z-index:15;
	position: absolute;
	height: 150px;
	width: 290px;
	left: 115px;
	top: 395px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: justify;
}

#fieve_trk_2 {
	z-index:15;
	position: absolute;
	height: 132px;
	width: 255px;
	left: 399px;
	top: 382.5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#accent {
	z-index:12;
	position: absolute;
	height: 370px;
	width: 388px;
	left: 95px;
	top: -1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(images/discographie_accent.png);
}

#accent_trk_1 {
	z-index:15;
	position: absolute;
	height: 150px;
	width: 290px;
	left: 115px;
	top: 395px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: justify;
}

#accent_trk_2 {
	z-index:15;
	position: absolute;
	height: 132px;
	width: 255px;
	left: 399px;
	top: 382.5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#disco_menu {
	height:144px;
	width:293px;
	z-index:12;
	position:absolute;
	left: 48px;
	top: 181px;
}

a.fieve {
	display: block;
	position:relative;
	width: 139px;
	height: 144px;
	top: 0px;
	left: 0px;
	background: url("images/btn_fieve.png") 0 0 no-repeat;
	text-decoration: none;
	z-index:13;
	background-image: url(images/btn_fieve.png);
}

 a:hover.fieve {
    background-position: 0px -146px;
}

a.accent {
	display: block;
	position:relative;
	width: 154px;
	height: 144px;
	top: -144px;
	left: 139px;
	background: url("images/btn_accent.png") 0 0 no-repeat;
	text-decoration: none;images/tn_01.png
	z-index:14;images/tn_01.png
	background-image: url(images/btn_accent.png);
}

 a:hover.accent {
    background-position: 0px -146px;
}

/** PHOTOS **/

#photos_bg{
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	z-index:2;
	position: relative;
	height: 768px;
	width: 1024px;
	background-image:url(images/photos_bg.jpg);
}

#photos {
	z-index:9;
	position: absolute;
	height: 581px;
	width: 441px;
	left: 271px;
	top: 147px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

a.lightbox1 {
	display: block;
	position:absolute;
	width: 154px;
	height: 130px;
	top: 43px;
	left: 118px;
	background: url("images/tn_01.png") 0 0 no-repeat;
	text-decoration: none;
	z-index:14;
	background-image: url(images/tn_01.png);
}

 a:hover.lightbox1 {
    background-position: 0px -136px;
}

a.lightbox2 {
	display: block;
	position:absolute;
	width: 136px;
	height: 161px;
	top: 32px;
	left: 206px;
	background: url("images/tn_02.png") 0 0 no-repeat;
	text-decoration: none;
	z-index:13;
	background-image: url(images/tn_02.png);
}

 a:hover.lightbox2 {
    background-position: 0px -167px;
}

a.lightbox3 {
	display: block;
	position:absolute;
	width: 153px;
	height: 142px;
	top: 135px;
	left: 40px;
	background: url("images/tn_03.png") 0 0 no-repeat;
	text-decoration: none;
	z-index:13;
	background-image: url(images/tn_03.png);
}

 a:hover.lightbox3 {
    background-position: 0px -143px;
}

a.lightbox4 {
	display: block;
	position:absolute;
	width: 128px;
	height: 154.5px;
	top: 144px;
	left: 168px;
	background: url("images/tn_04.png") 0 0 no-repeat;
	text-decoration: none;
	z-index:11;
	background-image: url(images/tn_04.png);
}

 a:hover.lightbox4 {
    background-position: 0px -160.5px;
}

a.lightbox5 {
	display: block;
	position:absolute;
	width: 128px;
	height: 119.5px;
	top: 240px;
	left: 70px;
	background: url("images/tn_05.png") 0 0 no-repeat;
	text-decoration: none;
	z-index:11;
	background-image: url(images/tn_05.png);
}

 a:hover.lightbox5 {
    background-position: 0px -125.5px;
}

a.lightbox6 {
	display: block;
	position:absolute;
	width: 128px;
	height: 153px;
	top: 263px;
	left: 189px;
	background: url("images/tn_06.png") 0 0 no-repeat;
	text-decoration: none;
	z-index:14;
	background-image: url(images/tn_06.png);
}

 a:hover.lightbox6 {
    background-position: 0px -157px;
}

a.lightbox7 {
	display: block;
	position:absolute;
	width: 136px;
	height: 127.5px;
	top: 325px;
	left: 92px;
	background: url("images/tn_07.png") 0 0 no-repeat;
	text-decoration: none;
	z-index:10;
	background-image: url(images/tn_07.png);
}

 a:hover.lightbox7 {
    background-position: 0px -132.5px;
}

a.lightbox8 {
	display: block;
	position:absolute;
	width: 136px;
	height: 151px;
	top: 300px;
	left: 266px;
	background: url("images/tn_08.png") 0 0 no-repeat;
	text-decoration: none;
	z-index:10;
	background-image: url(images/tn_08.png);
}

 a:hover.lightbox8 {
    background-position: 0px -155px;
}

/** PRESSE **/

#presse_bg{
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	z-index:2;
	position: relative;
	height: 768px;
	width: 1024px;
	background-image:url(images/presse_bg.jpg);
}

#presse {
	z-index:9;
	position: absolute;
	height: 510px;
	width: 708px;
	left: 271px;
	top: 218px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

a.dossier {
	display: block;
	position:absolute;
	width: 201px;
	height: 185px;
	top: 72px;
	left: 113px;
	background: url("images/btn_dossier.png") 0 0 no-repeat;
	text-decoration: none;
	z-index:14;
	background-image: url(images/btn_dossier.png);
}

 a:hover.dossier {
    background-position: 0px -181px;
}

a.photo_presse {
	display: block;
	position:absolute;
	width: 200px;
	height: 188px;
	top: 295px;
	left: 113px;
	background: url("images/btn_photo_presse.png") 0 0 no-repeat;
	text-decoration: none;
	z-index:14;
	background-image: url(images/btn_photo_presse.png);
}

 a:hover.photo_presse {
    background-position: 0px -184px;
}

a.fiche {
	display: block;
	position:absolute;
	width: 200px;
	height: 188px;
	top: 72px;
	left: 445px;
	background: url("images/btn_fiche.png") 0 0 no-repeat;
	text-decoration: none;
	z-index:14;
	background-image: url(images/btn_fiche.png);
}

 a:hover.fiche {
    background-position: 0px -183px;
}

/** LIENS **/

#liens_bg{
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	z-index:2;
	position: relative;
	height: 768px;
	width: 1024px;
	background-image:url(images/liens_bg.jpg);
}

#liens {
	z-index:9;
	position: absolute;
	height: 510px;
	width: 441px;
	left: 271px;
	top: 218px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

a.plages {
	display: block;
	position:absolute;
	width: 208px;
	height: 112.5px;
	top: 8px;
	left: 154px;
	background: url("images/logo_plages.png") 0 0 no-repeat;
	text-decoration: none;
	z-index:14;
	background-image: url(images/logo_plages.png);
}

 a:hover.plages {
    background-position: 0px -104.5px;
}

a.mouvement {
	display: block;
	position:absolute;
	width: 209px;
	height: 96px;
	top: 119px;
	left: 154px;
	background: url("images/logo_mouvement.png") 0 0 no-repeat;
	text-decoration: none;
	z-index:14;
	background-image: url(images/logo_mouvement.png);
}

 a:hover.mouvement {
    background-position: 0px -96px;
}

/** COORDONNEES **/

#coordonnees_bg{
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	z-index:2;
	position: relative;
	height: 768px;
	width: 1024px;
	background-image:url(images/coordonnees_bg.jpg);
}

#coordonnees {
	z-index:9;
	position: absolute;
	height: 510px;
	width: 441px;
	left: 271px;
	top: 218px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

/** MENU **/

#menu {
	height:353px;
	width:259px;
	z-index:3;
	position:absolute;
	left: -13px;
	top: 254px;
}

a.accueil {
	display: block;
	position:relative;
	width: 187px;
	height: 38px;
	top: 70px;
	left: 60px;
	background: url("images/btn_accueil.png") 0 0 no-repeat;
	text-decoration: none;
	z-index:4;
	background-image: url(images/btn_accueil.png);
}

a:hover.accueil {
    background-position: 0px -36.5px;
}

a.bio {
	display: block;
	position:relative;
	width: 187px;
	height: 38px;
	top: 70px;
	left: 60px;
	background: url("images/btn_bio.png") 0 0 no-repeat;
	text-decoration: none;
	z-index:5;
	background-image: url(images/btn_bio.png);
}

a:hover.bio {
    background-position: 0px -40px;
}

a.disco {
	display: block;
	position:relative;
	width: 187px;
	height: 36.5px;
	top: 70px;
	left: 60px;
	background: url("images/btn_disco.png") 0 0 no-repeat;
	text-decoration: none;
	z-index:6;
	background-image: url(images/btn_disco.png);
}

a:hover.disco {
    background-position: 0px -36.5px;
}

a.photos {
	display: block;
	position:relative;
	width: 187px;
	height: 36.5px;
	top: 70px;
	left: 60px;
	background: url("images/btn_photo.png") 0 0 no-repeat;
	text-decoration: none;
	z-index:7;
	background-image: url(images/btn_photo.png);
}

 a:hover.photos {
    background-position: 0px -36.5px;
}

a.presse {
	display: block;
	position:relative;
	width: 187px;
	height: 36.5px;
	top: 70px;
	left: 60px;
	background: url("images/btn_presse.png") 0 0 no-repeat;
	text-decoration: none;
	z-index:8;
	background-image: url(images/btn_presse.png);
}

a:hover.presse {
    background-position: 0px -36.5px;
}

a.liens {
	display: block;
	position:relative;
	width: 187px;
	height: 36.5px;
	top: 70px;
	left: 60px;
	background: url("images/btn_liens.png") 0 0 no-repeat;
	text-decoration: none;
	z-index:9;
	background-image: url(images/btn_liens.png);
}

a:hover.liens {
    background-position: 0px -36.5px;
}

a.coordonnees {
	display: block;
	position:relative;
	width: 187px;
	height: 48.5px;
	top: 60px;
	left: 60px;
	background: url("images/btn_coordonnees.png") 0 0 no-repeat;
	text-decoration: none;
	z-index:10;
	background-image: url(images/btn_coordonnees.png);
}

a:hover.coordonnees {
    background-position: 0px -48.5px;
}