.newsinfoindex
	{
	position: absolute;
	width: 267px;
	height: 152px;
	background : url(../fonds/newsaccueil.jpg);
	top : 426px;
	left: 5px;
	
	
	}
.textnewsaccueil
	{
	position: absolute;
	width: 223px;
	height: 85px;
	background : transparent;
	color: black;
	top : 37px;
	left: 17px;
	text-align: center;
	font-weight: bold;
	}
.crewaccueil
	{
	position: absolute;
	width: 295px;
	height: 74px;
	background : url(../fonds/crewaccueil.jpg);
	top: 605px;
	left: -75px;
	
	}
*
	{
	outline : none ;
	}
/****************************************************************************************************************************************************************/
/****************************************************************************************************************************************************************/
/***********************************************                                                                           ***************************************************************************/
/****************************************                MISE EN PAGE DE LA PAGE D' ACCUEIL           *********************************************************************/	
/**********************************************                                                                               *************************************************************************/
/**************************************************************************************************************************************************************/
/**************************************************************************************************************************************************************/
body
	{
	width : 1000px ;
	margin : auto ;
	padding : auto ;
	background: black;
	
	}
	
#header
	{
	position: relative;
	width : 1000px ;
	height : 295px ;
	background : url(../fonds/headers/header.jpg) ;
	}

#menu
	{
	float : left ;
	position: relative;
	width : 338px ;
	height : 705px ;
	background : url(../fonds/menu.jpg) ;
	list-style-type: none;
	}
	
#container
	{
	position: relative;
	margin-left: 338px;
	width : 662px ;
	height : 705px ;
	background : url(../fonds/container.jpg);
	}
#piedpage
	{
	width: 1000px;
	height: 20px;
	text-align:center;
	color: gray;
	}
#piedpage a
	{
	color:#669999;
	}
	
ul
	{
list-style-type: none;
	}
label {
	display:block;
	width:100px;
	float:left;
	}
.compteur
	{
	position : absolute;
	top : 673px;
	left : -260px;
	}
/********************************* TEXTE DE LA PAGE D' ACCUEIL *******************************************************/
.texteaccueil
        {
	font-size: 20px;
	font-weight:bold;
	color: white;
	padding-top : 175px;
	margin-left : 155px;
	}
/*******************************************************************************************************************************************************************/
/******************************************************************************************************************************************************************/
/*****************************                                                                             **********************************************************************************************/
/**********************************boutons PAGES D 'ACCUEIL ***************************************************************************************************/
/***************************                                                                              **********************************************************************************************/
/****************************************************************************************************************************************************************/
/****************************************************************************************************************************************************************/




.lienhistorik/*************************** Bouton historik **********************/
	{
	position : absolute;
	top : 90px;
	left : 19px;
	width : 144px ;
	height : 34px ;
	background : url(../boutons/historik.png);
	}
.lienhistorik:hover
	{
	background : url(../boutons/historikho.png);
	}
.lienphotos/************************************ Bouton photos *******************/
	{
	position : absolute;
	top : 145px;
	left : 19px;
	width : 144px ;
	height : 48px ;
	background : url(../boutons/photos.png);
	}
.lienphotos:hover
	{
	background : url(../boutons/photosho.png);
	}
.lienvideos/************************************ Bouton videos *******************/
	{
	position : absolute;
	top : 200px;
	left : 19px;
	width : 144px ;
	height : 48px ;
	background : url(../boutons/videos.png);
	}
.lienvideos:hover
	{
	background : url(../boutons/videosho.png);
	}
.lienstudio/************************************ Bouton studio *******************/
	{
	position : absolute;
	top : 255px;
	left : 19px;
	width : 144px ;
	height : 48px ;
	background : url(../boutons/studio.png);
	}
.lienstudio:hover
	{
	background : url(../boutons/studioho.png);
	}
.lienconcerts/************************************ Bouton concerts *******************/
	{
	position : absolute;
	top : 311px;
	left : 19px;
	width : 144px ;
	height : 34px ;
	background : url(../boutons/concerts.png);
	}
.lienconcerts:hover
	{
	background : url(../boutons/concertsho.png);
	}
.lienboutik/************************************ Bouton boutik *******************/
	{
	position : absolute;
	top : 365px;
	left : 19px;
	width : 144px ;
	height : 48px ;
	background : url(../boutons/boutik.png);
	}
	
.lienboutik:hover
	{
	background : url(../boutons/boutikho.png);
	}
	
.liennewsletters/************************************ Bouton newletters *******************/
	{
	position : absolute;
	top : 115px;
	left : 176px;
	width : 144px ;
	height : 48px ;
	background : url(../boutons/newsletters.png);
	}
	
.liennewsletters:hover
	{
	background : url(../boutons/newslettersho.png);
	}

	
.liencrew/************************************ Bouton crew ******************/
	{
	position : absolute;
	top : 170px;
	left : 176px;
	width : 144px ;
	height : 48px ;
	background : url(../boutons/crew.png);
	}
.liencrew:hover
	{
	background : url(../boutons/crewho.png);
	}
.lienlivredor/************************************Bouton livre d'or *******************/
	{
	position : absolute;
	top : 227px;
	left : 176px;
	width : 144px ;
	height : 34px ;
	background : url(../boutons/livredor.png);
	}
.lienlivredor:hover
	{
	background : url(../boutons/livredorho.png);
	}
.lienliens/************************************ Bouton liens *******************/
	{
	position : absolute;
	top : 281px;
	left : 176px;
	width : 144px ;
	height : 48px ;
	background : url(../boutons/liens.png);
	}
.lienliens:hover
	{
	background : url(../boutons/liensho.png);
	}
.liencontact/************************************ Bouton contact *******************/
	{
	position : absolute;
	top : 337px;
	left : 176px;
	width : 144px ;
	height : 34px ;
	background : url(../boutons/contact.png);
	}
.liencontact:hover
	{
	background : url(../boutons/contactho.png);
	}
.boutonson
	{
	position : absolute;
	top : 185px;
	left : 21px;
	width : 110px ;
	height : 102px ;
	background : url(../boutons/boutonson.png);
	}
.boutonson:hover
	{
	background : url(../boutons/boutonsonho.png);
	}
/*******************************************************************************************************************/
/**********************************FIN DES boutons PAGES D 'ACCUEIL *********************************************/
/*******************************************************************************************************************/







/*******************************************************************************************************************/
/********************************** BOUTON RETOUR ACCUEIL ********* *********************************************/
/*******************************************************************************************************************/
.retour
	{
	position: absolute;
	display: block;
	width: 100px;
	height: 100px;
	background : url(../boutons/retour.png);
	border: 0px;
	top: 250px;
	left: -200px;
	}
.retour:hover
	{
	background : url(../boutons/retourho.png);
	}
	
/*******************************************************************************************************************/
/************************************************MISE EN PAGE DE LA PAGE HISTORIK *********************************/
/*******************************************************************************************************************/
#historikheader
	{
	width : 1000px ;
	height : 158px ;
	background : url(../fonds/headers/historikheader.jpg) ;
	}

#historikmenu
	{
	float : left;
	position: relative;
	width : 302px ;
	height : 1453px ;
	background : url(../fonds/historikmenu.jpg) ;
	list-style-type: none;
	}
	
#historikcontainer
	{
	margin-left: 302px;
	position: relative;
	width : 698px ;
	height : 1453px ;
	background : url(../fonds/historikcontainer.jpg);
	}


/*******************************************************************************************************************/
/************************************************MISE EN PAGE DE LA PAGE PHOTOS *********************************/
/*******************************************************************************************************************/
#photosheader
	{
	width : 1000px ;
	height : 157px ;
	background : url(../fonds/headers/photosheader.jpg) ;
	}

#photosmenu
	{
	float : left ;
	width : 266px ;
	height : 885px ;
	background : url(../fonds/photosmenu.jpg) ;
	list-style-type: none;
	}
	
#photoscontainer
	{
	margin-left: 266px;
	position: relative;
	width : 734px ;
	height : 885px ;
	background : url(../fonds/photoscontainer.jpg);
	}
.retourphotos
	{
	position: absolute;
	display: block;
	width: 100px;
	height: 100px;
	background : url(../boutons/retour.png);
	border: 0px;
	top: 470px;
	left: -180px;
	}
.retourphotos:hover
	{
	background : url(../boutons/retourho.png);
	}
/*******************************************************************************************************************/
/************************************************MISE EN PAGE DE LA PAGE CREW *********************************/
/*******************************************************************************************************************/
#crewheader
	{
	width : 1000px ;
	height : 189px ;
	background : url(../fonds/headers/crewheader.jpg) ;
	}

#crewmenu
	{
	float : left;
	position: relative;
	width : 302px ;
	height : 1453px ;
	background : url(../fonds/menucrew.jpg) ;
	list-style-type: none;
	}
	
#crewcontainer
	{
	margin-left: 302px;
	position: relative;
	width : 698px ;
	height : 1453px ;
	background : url(../fonds/containercrew.jpg);
	}
/*******************************************************************************************************************/
/************************************************MISE EN PAGE DE LA PAGE BOUTIK *********************************/
/*******************************************************************************************************************/
#boutikheader
	{
	width : 1000px ;
	height : 389px ;
	background : url(../fonds/boutikheader.jpg) ;
	}

#boutikhaut
	{
	position: relative;
	width : 1000px ;
	height : 856px ;
	background : url(../fonds/boutikcontainer.jpg) ;
	list-style-type: none;
	text-align : center;
	color: white;
	}
	
#boutikbas
	{
	position: relative;
	width : 1000px ;
	height : 598px ;
	background : url(../fonds/boutikfooter.jpg);
	list-style-type: none;
	text-align: center;
	}
.textintroboutik
	{
	color:white;
	text-align: center;
	padding-top: 212px;
	}
/*******************************************************************************************************************/
/************************************************MISE EN PAGE DE LA PAGE STUDIO *********************************/
/*******************************************************************************************************************/
#studioheader
	{
	width : 1000px ;
	height : 206px ;
	background : url(../fonds/headers/headerstudio.jpg) ;
	}

#studiomenu
	{
	float : left;
	position: relative;
	width : 302px ;
	height : 1453px ;
	background : url(../fonds/menustudio.jpg) ;
	list-style-type: none;
	}
	
#studiocontainer
	{
	margin-left: 302px;
	position: relative;
	width : 698px ;
	height : 1453px ;
	background : url(../fonds/containerstudio.jpg);
	}

/*******************************************************************************************************************/
/************************************************MISE EN PAGE DE LA PAGE VIDEOS **********************************/
/*******************************************************************************************************************/
#videosheader
	{
	width : 1000px ;
	height : 157px ;
	background : url(../fonds/headers/videosheader.jpg) ;
	}

#videosmenu
	{
	float : left ;
	width : 338px ;
	height : 705px ;
	background : url(../fonds/autresmenu.jpg) ;
	list-style-type: none;
	position: relative;
	}
	
#videoscontainer
	{
	margin-left: 338px;
	position: relative;
	width : 662px ;
	height : 705px ;
	background : url(../fonds/autrescontainer.jpg);
	}

/*******************************************************************************************************************/
/************************************************MISE EN PAGE DE LA PAGE LYRICS*******************************/
/*******************************************************************************************************************/
#concertsheader
	{
	width : 1000px ;
	height : 157px ;
	background : url(../fonds/headers/concertsheader.jpg) ;
	}

#concertsmenu
	{
	float : left ;	
	width : 338px ;
	height : 705px ;
	background : url(../fonds/lyricsmenu.jpg) ;
	list-style-type: none;
	font-size: 23px;
	}
	
#concertscontainer
	{
	margin-left: 338px;
	position: relative;
	width : 662px ;
	height : 705px ;
	background : url(../fonds/lyricscontainer.jpg);
	
	}

ol
	{
	color : orange ;
	}


.retourlyrics
	{
	position: absolute;
	display: block;
	width: 100px;
	height: 100px;
	background : url(../boutons/retour.png);
	border: 0px;
	top: 422px;
	left: -270px;
	}
.retourlyrics:hover
	{
	background : url(../boutons/retourho.png);
	}

ol  a:hover
	{
	margin-left: 20px;
	color: #ff6600;
	}

.textealbum
	{
	position: absolute;
	left: 28px;
	width: 590px;
	height: 630px;
	color: #FFCC00;
	text-align: justify;
	}
.textealbum h2
	{
	color: #FF6600;
	}
.construction
	{
	width: 327px;
	height: 187px;
	background : url(../fonds/construction.gif);
	}
/*******************************************************************************************************************/
/************************************************MISE EN PAGE DE LA PAGE NEWS LETTERS***************************/
/*******************************************************************************************************************/
#newsheader
	{
	width : 1000px ;
	height : 157px ;
	background : url(../fonds/headers/newslettersheader.jpg) ;
	}

#newsmenu
	{
	position: relative;
	float : left ;	
	width : 338px ;
	height : 705px ;
	background : url(../fonds/autresmenu.jpg) ;
	list-style-type: none;
	}
	
#newscontainer
	{
	margin-left: 338px;
	position: relative;
	width : 662px ;
	height : 705px ;
	background : url(../fonds/autrescontainer.jpg);
	}
.centrenews1
	{
	position: absolute;
	
	left: 100px;
	text-align: center;
	width: 450px;
	height: 450px;
	}
.centrenews1 span
	{
	color:#DAA520;	
	}
.centrenews1 h2
	{
	color:#CD853F;
	}
.centrenews
	{
	position: absolute;
	top: 50px;
	left: 100px;
	text-align: center;
	width: 450px;
	height: 450px;
	}
.centrenews span
	{
	color:#DAA520;	
	}
.centrenews h2
	{
	color:#CD853F;	
	}
.retournews
	{
	position: absolute;
	display: block;
	width: 100px;
	height: 100px;
	background : url(../boutons/retour.png);
	border: 0px;
	top: 250px;
	left: -170px;
	}
.retournews:hover
	{
	background : url(../boutons/retourho.png);
	}
.essaimail
	{
	position: absolute;
	width:50px;
	height:50px;
	background: back;
	top: 600px ;
	left: 160px;
	
	}
.centrenews2
	{
	position: absolute;
	top: 300px;
	left: -75px;
	text-align: center;
	width: 600px;
	height: 200px;
	color: orange;
	}
/*******************************************************************************************************************/
/************************************************MISE EN PAGE DE LA PAGE LIVRE D 'OR ******************************/
/*******************************************************************************************************************/
#livredorheader
	{
	width : 1000px ;
	height : 157px ;
	background : url(../fonds/headers/livredorheader.jpg) ;
	}

#livredormenu
	{
	float : left ;	
	width : 338px ;
	height : 705px ;
	background : url(../fonds/autresmenu.jpg) ;
	list-style-type: none;
	}
	
#livredorcontainer
	{
	margin-left: 338px;
	position: relative;
	width : 662px ;
	height : 705px ;
	background : url(../fonds/autrescontainer.jpg);
	}
	
 	

a,a:visited
	{
	color: #FFFF00;
	text-decoration: none;
	}
.livredor1
	{
	position : absolute ;
	width: 630px;
	height: 395px;
	background-attachment: fixed;
	overflow :auto;
	}
/*******************************************************************************************************************/
/************************************************MISE EN PAGE DE LA PAGE LIENS************************************/
/*******************************************************************************************************************/
#liensheader
	{
	width : 1000px ;
	height : 157px ;
	background : url(../fonds/headers/liensheader.jpg) ;
	}

#liensmenu
	{
	float : left ;	
	width : 338px ;
	height : 705px ;
	background : url(../fonds/autresmenu.jpg) ;
	list-style-type: none;
	}
	
#lienscontainer
	{
	margin-left: 338px;
	position: relative;
	width : 662px ;
	height : 705px ;
	background : url(../fonds/autrescontainer.jpg);
	}
.texteliens
	{
	position: absolute;
	width: 600px;
	height: 400px;
	top :10px;
	left: 10px;
	text-align: center;
	}
.texteliens span
	{
	color:#DAA520;	
	}
.texteliens h2
	{
	color:#CD853F;	
	}
/*******************************************************************************************************************/
/************************************************MISE EN PAGE DE LA PAGE CONTACT ********************************/
/*******************************************************************************************************************/
#contactheader
	{
	width : 1000px ;
	height : 157px ;
	background : url(../fonds/headers/contactheader.jpg) ;
	}

#contactmenu
	{
	float : left ;
	width : 338px ;
	height : 705px ;
	background : url(../fonds/autresmenu.jpg) ;
	list-style-type: none;
	}
	
#contactcontainer
	{
	margin-left: 338px;
	position: relative;
	width : 662px ;
	height : 705px ;
	background : url(../fonds/autrescontainer.jpg);
	}




