/*--------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/
/*									 DAVID DELABROSSE									*/
/*--------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/

BODY									{ font-size:10px; font-family:Times, Helvetica, Arial; }/*font-family:Arial,  Helvetica, serif;*/
A IMG									{ border:0; }
A										{ background-color:inherit; color:#333333; }
IMG.px									{ position:relative; width:0.01em; height:0.01em; }


DIV#globalSite							{ position:relative; margin:auto; width:99.7em; padding-bottom:1.8em; }
IMG#imgBg								{ position:absolute; width:99.7em; height:80.6em; z-index:0; border:0; }


/*--- GESTION DU HEADER
------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------*/

DIV#header								{ position:relative; margin:2em 38em 1.4em 25.3em; padding:0; }
DIV#header H1							{ position:relative; display:inline; width:36.4em; height:3.2em; padding:0; margin:0; }
DIV#header IMG#titSite					{ position:relative; width:100%; max-height:3.2em; border:0; }


/*--- GESTION DU MENU 
------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------*/

DIV#globalMenu							{ position:relative; height:21.6em; margin-bottom:3.1em; }
DIV#globalMenu IMG#logoMenu				{ position:absolute; width:79.3em; height:15.4em; top:0; left:4.3em; z-index:10; }

DIV#globalMenu A#btNews					{ position:absolute; display:block; left:1.4em; top:12.7em; z-index:20; }
DIV#globalMenu A#btNews IMG				{ position:relative; width:10.8em; height:9.2em; }

DIV#globalMenu A#btBio					{ position:absolute; display:block; left:13.2em; top:11.4em; z-index:30; }
DIV#globalMenu A#btBio IMG				{ position:relative; width:18em; height:4.1em; }

DIV#globalMenu A#btDisco				{ position:absolute; display:block; left:32em; top:12.7em; z-index:40; }
DIV#globalMenu A#btDisco IMG			{ position:relative; width:21.6em; height:3.7em; }

DIV#globalMenu A#btGalerie				{ position:absolute; display:block; left:52em; top:12.3em; z-index:50; }
DIV#globalMenu A#btGalerie IMG			{ position:relative; width:20.6em; height:4.3em; }

DIV#globalMenu A#btContacts				{ position:absolute; display:block; left:73.1em; top:12.3em; z-index:60; }
DIV#globalMenu A#btContacts IMG			{ position:relative; width:10.3em; height:3.1em; }

DIV#globalMenu IMG.indicPage			{ position:absolute; z-index:9; }


/*--- GESTION DE LA NEWSLETTER 
------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------*/

DIV#newsletter									{ position:relative; margin-left:4.1em; z-index:15; } 
DIV#newsletter IMG#titNewsLetter				{ position:relative; display:block; width:20.5em; height:5.3em; }
DIV#newsletter IMG#bgInputMail					{ position:absolute; top:6em; width:20.7em; height:1.8em; }
DIV#newsletter INPUT#inputNewsletter			{ position:relative; margin:0.7em 0em 0em 0.3em; width:15em; color:#000000; border:0; background-color:transparent; }
DIV#newsletter INPUT#inputNewsletter.inputNews	{ background:url('../imgs/cafeInputNews.jpg') transparent no-repeat; color:#000000; background-position:-0.5em 0; }
DIV#newsletter IMG#btNewsLetter					{ position:absolute; display:block; left:22em; top:6em; width:2.2em; height:2em; }
A#btGest										{ position:absolute; display:block; left:59.2em; top:0.1em; z-index:70; }
A#btGest IMG									{ position:relative; width:9.9em; height:8.9em; }

DIV#errorMess									{ position:absolute; top:-5em; left:1.4em; }
DIV#errorMess IMG#bgConfirmNewsLetter			{ position:absolute; width:22.5em; height:3.8em; }
DIV#errorMess DIV#confLine1						{ position:relative; line-height:2.5em; margin-left:0.7em; }
DIV#errorMess DIV#confLine2						{ position:relative; line-height:1em; margin-left:0.5em; }
DIV#errorMess SPAN								{ position:relative; font-size:1.1em; color:#124AE4; }


/*--- GESTION DU CONTENU GLOBAL
------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------*/

DIV#globalContent								{ position:relative; height:47.3em; padding:0 3.7em 0 3.0em; }


/*--- GESTION DE LA HOMEPAGE 
------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------*/

/*--- news ---*/
DIV#NewsHome										{ position:absolute; left:3.8em; top:1.8em; width:28.2em; height:43.5em; z-index:70; }
DIV#NewsHome IMG									{ position:absolute; width:100%; height:100%; }
DIV#NewsHome DIV.titNews							{ position:absolute; left:3.4em; top:3.2em;  width:9.3em; height:3.2em; }
DIV#NewsHome DIV.titNews H2.titNews					{ position:relative; margin:0; padding:0; }
DIV#NewsHome DIV.titNews H2.titNews IMG				{ position:relative; width:100%; height:100%; }
DIV#NewsHome DIV#newsContent						{ position:absolute; left:3.4em; top:7.2em; width:21.6em; height:29.8em; overflow:hidden; }

DIV#NewsHome DIV#btBackHome							{ position:absolute; left:4em; top:39.1em; z-index:80; }
DIV#NewsHome DIV#btBackHome IMG						{ position:relative; width:6em; height:1.1em; }
DIV#NewsHome DIV#btNextHome							{ position:absolute; left:10.7em; top:39.1em; z-index:80; }
DIV#NewsHome DIV#btNextHome IMG						{ position:relative; width:6em; height:1.1em; }

/*--- album ---*/
DIV#AlbumHome										{ position:absolute; left:31.7em; top:3.7em; }
DIV#AlbumHome IMG#bgAlbumHome						{ position:absolute; width:58.2em; height:40.7em; z-index:15; }
DIV#AlbumHome IMG#clouHome							{ position:absolute; left:26.7em; top:-3.7em; width:6.6em; height:12.1em; z-index:20; }
DIV#AlbumHome A#imgAlbumContener					{ position:absolute; display:block; left:3.2em; top:7.9em; z-index:20; }

A#imgAlbumContener IMG#bgShadowAlbum				{ position:absolute; width:27em; height:28.2em; }
A#imgAlbumContener IMG#imgAlbumHome					{ position:relative; left:-0.5em; top:-0.2em; width:27em; height:27.8em; }
DIV#AlbumHome DIV#descAlbumHome						{ position:absolute; left:32.9em; top:4em; width:22.6em; height:31.7em; z-index:20; }
DIV#AlbumHome DIV#descAlbumHome H2.titre			{ position:relative; font-size:1.3em; font-weight:bold; margin:0; padding:0; }
DIV#AlbumHome DIV#descAlbumHome SPAN.presentation	{ position:relative; font-size:1.3em; }
DIV#AlbumHome DIV#descAlbumHome SPAN.realisation	{ position:relative; font-size:1.3em; }
DIV#AlbumHome DIV#descAlbumHome SPAN.ecoute			{ position:relative; font-size:1.3em; }

/*--- GESTION DES LA NEWS COMMUNES 
------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------*/

DIV#globalMenu IMG.homeIndicate				{ left:83.6em; top:2.1em; width:14.7em; height:20.1em; }

DIV.news									{ position:relative; margin-bottom:1.9em; }
DIV.news SPAN.date							{ position:relative; font-size:1.4em; }
DIV.news H3.titre							{ position:relative; font-size:1.4em; font-weight:bold; margin:0; padding:0; }
DIV.news SPAN.description					{ position:relative; font-size:1.2em; }


/*--- GESTION DE LA NEWSPAGE 
------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------*/

DIV#globalMenu IMG.newsIndicate						{ left:0; top:4.3em; width:19.5em; height:19.4em; }

/*--- concerts ---*/
DIV#AlbumHome IMG.scotchConcerts					{ position:absolute; z-index:30; }
DIV#AlbumHome IMG#scotchConcertsTopLef				{ left:6.8em; top:-1.3em; width:18.9em; height:3.9em; }
DIV#AlbumHome IMG#scotchConcertsTopRight			{ left:50.3em; top:-2.1em; width:9.4em; height:7.8em; }
DIV#AlbumHome IMG#scotchConcertsBotLef				{ left:0.2em; top:37.6em;  width:4.4em; height:3.8em; }
DIV#AlbumHome IMG#scotchConcertsBotRight			{ left:48.1em; top:38.3em; width:6.5em; height:3.9em; }

DIV#AlbumHome IMG#boxeurConcerts					{ left:1em; top:3.5em; width:26.3em; height:30.2em; }

DIV#AlbumHome DIV.titConcerts						{ position:absolute; left:2.4em; top:2.9em; width:31.1em; height:5.2em; z-index:40; }
DIV#AlbumHome DIV.titConcerts H2.titConcerts		{ position:relative; margin:0; padding:0; }
DIV#AlbumHome DIV.titConcerts H2.titConcerts IMG	{ position:relative; width:100%; height:100%; }

DIV#AlbumHome DIV#descConcerts						{ position:absolute; left:20.3em; top:12.7em; width:33.4em; height:23.6em; overflow:hidden; z-index:50; }

DIV#AlbumHome DIV#btBackConcerts					{ position:absolute; left:2.9em; top:35em; z-index:40; }
DIV#AlbumHome DIV#btBackConcerts IMG				{ position:relative; width:9.2em; height:2.1em; }
DIV#AlbumHome DIV#btNextConcerts					{ position:absolute; left:2.9em; top:37.2em; z-index:40; }
DIV#AlbumHome DIV#btNextConcerts IMG				{ position:relative; width:9.2em; height:2em; }

DIV#AlbumHome A#telechargerNews						{ position:absolute; left:35.8em; top:1.2em; z-index:60; }
DIV#AlbumHome A#telechargerNews	IMG					{ position:relative; width:15.6em; height:8.2em; }


/*--- GESTION DE LA BIOPAGE 
------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------*/

DIV#globalMenu IMG.bioIndicate						{ left:17em; top:13.5em; width:4.4em; height:3.8em; }
DIV#globalMenu IMG.minbiocouple						{ left:82.6em; top:0; width:15.3em; height:21.8em; }

DIV#globalContent IMG#bgCafeBio						{ position:absolute; left:23.8em; top:0.8em; width:31.3em; height:39.6em; }
DIV#globalContent IMG#bioCouple						{ position:absolute; left:61.8em; top:0.8em; width:31.1em; height:43.7em }

DIV#globalContent H2#bioTit							{ display:none; }
DIV#globalContent DIV#bioText						{ position:absolute; left:3.5em; top:0; width:22em; height:47.5em; font-size:1.3em; }
DIV#globalContent DIV#bioResum						{
	position:absolute;
	display:block;
	left:342px;
	top:-3px;
	text-align:center;
	font-weight:bold;
	line-height:1.5em;
	font-size:1.3em;
	width: 357px;
}
DIV#globalContent A#btDownloadBio					{ position:absolute; display:block; left:42em; top:36em; }
DIV#globalContent A#btDownloadBio IMG				{ position:relative; width:14.5em; height:8.2em; }


/*--- GESTION DE LA DISCOPAGE 
------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------*/

DIV#globalMenu IMG.discoIndicate											{ left:29.8em; top:10em; width:24.2em; height:14em; }

DIV#globalContent IMG#albumHandTit											{ position:absolute; left:18.8em; top:7.9em; width:5.8em; height:3.3em; }

DIV#globalContent DIV#imgAlbumEnglob										{ position:absolute; left:29.8em; top:6.1em; }
DIV#globalContent DIV#imgAlbumEnglob IMG#albumClouLeft						{ position:absolute; left:1.2em; top:-4.7em; width:6.3em; height:10.6em; z-index:80; }
DIV#globalContent DIV#imgAlbumEnglob IMG#albumClouRight						{ position:absolute; left:24.7em; top:-3.2em; width:4.5em; height:7.9em; z-index:80; }
DIV#globalContent DIV#imgAlbumEnglob IMG#shadowAlbum						{ position:absolute; left:0; top:0; width:27.6em; height:28.4em; }
DIV#globalContent DIV#imgAlbumEnglob IMG#shadowAlbumCollect					{ position:absolute; left:0; top:28.9em; width:27.6em; height:10em; }

DIV#globalContent DIV#imgAlbumEnglob IMG#imgAlbum							{ position:relative; width:26.9em; height:27.7em; }
DIV#globalContent DIV#imgAlbumEnglob DIV#albumColl							{ position:absolute; left:0; top:29em; }
DIV#globalContent DIV#imgAlbumEnglob DIV#albumColl A						{ position:relative; display:block; width:8.8em; height:9em; padding:0; margin:0 0.3em 0.8em 0; float:left; overflow:visible; }
DIV#globalContent DIV#imgAlbumEnglob DIV#albumColl IMG.collectImg			{ position:relative; width:100%; height:100%; }
DIV#globalContent DIV#imgAlbumEnglob DIV#albumColl IMG.shadowAlbumCollect	{ position:absolute; width:9.1em; height:9.8em; }

DIV#globalContent DIV#headerAlbum											{ position:absolute; display:block; right:81em; top:7.5em; text-align:center; padding-right:1.7em; }
DIV#globalContent DIV#headerAlbum H2										{ position:relative; margin:0em; padding:0; font-size:1.5em; font-weight:normal; }
DIV#globalContent DIV#headerAlbum H3										{ position:relative; margin:0em; padding:0; font-size:3em; font-weight:bold; }

DIV#globalContent DIV#descAlbum												{ position:absolute; display:block; left:58.7em; top:6.1em; width:37.3em; }
DIV#globalContent DIV#descAlbum SPAN										{ position:relative; font-size:1.2em; }

DIV#globalContent DIV#mp3Manager											{ position:absolute; left:2.7em; top:16.1em; width:25.3em; }
DIV#globalContent DIV#mp3Manager DIV#mp3Header								{ position:relative; height:6.8em; margin-bottom:1.5em; }
DIV#globalContent DIV#mp3Manager DIV#mp3Header H4							{ position:relative; margin:0em; padding:0; }
DIV#globalContent DIV#mp3Manager DIV#mp3Header H4 IMG						{ position:relative; width:100%; height:100%; }

DIV#globalContent SPAN#mp3List												{ position:relative; }
DIV#globalContent SPAN#mp3List span.mp3Link									{ position:relative; cursor:pointer; background-color:inherit; color:#000000; text-decoration:none; }
DIV#globalContent SPAN#mp3List span.mp3Link	 SPAN.mp3Name					{ position:relative; font-size:1.5em; }
DIV#globalContent SPAN#mp3List span.mp3Link	 SPAN.mp3DurationOn				{ position:relative; font-size:1.5em; background-color:inherit; color:#FFFFFF; z-index:20; }
DIV#globalContent SPAN#mp3List span.mp3Link	 IMG							{ position:absolute; right:1em; top:-0.5em; width:2.3em; height:2.6em; z-index:5; }
DIV#globalContent SPAN#mp3List span.mp3Link	 SPAN.mp3DurationOff			{ position:relative; background-color:inherit; font-size:1.5em; color:#000000; }
DIV#globalContent DIV#mp3Manager DIV#mp3PlayerEnglob						{ position:absolute; left:0; top:15.1em; width:100%; height:7.8em; }


/*--- GESTION DE LA GALERIE
------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------*/

DIV#globalMenu IMG.galerieIndicate						{ left:49.2em; top:10.2em; width:26.9em; height:13.2em; }

DIV#globalContent DIV#collManager						{ position:absolute; left:3em; top:2em; }
DIV#collManager SPAN#collList							{ position:relative; display:block; font-weight:bold; }
SPAN#collList SPAN.collLink								{ position:relative; cursor:pointer; z-index:10; }
SPAN#collList SPAN.collLink SPAN.collName				{ position:relative; font-size:1.2em; z-index:10; }
SPAN.collLink SPAN.flvDurationOff						{ position:relative; font-size:1.2em; }
SPAN.collLink SPAN.flvDurationOn						{ position:relative; background-color:inherit; color:#FFFFFF; font-size:1.2em; z-index:10; }
SPAN.collLink IMG#indicColl.flv							{ position:absolute; display:inline; z-index:0; width:3.7em; height:4.7em; top:-0.7em; right:0em; }
SPAN.collLink IMG#indicColl.img							{ position:absolute; display:inline; z-index:0; width:4.5em; height:2.3em; top:-0.3em; right:-3em; }

DIV#globalContent DIV#playerEnglob						{ position:absolute; left:34.7em; top:1.6em; }
DIV#globalContent DIV#playerEnglob.flv					{ width:40.1em; height:38.7em; }

DIV#globalContent IMG#collBack							{ position:relative; width:8em; height:1.7em; margin-right:0.6em; margin-top:0.2em; cursor:pointer; }
DIV#globalContent IMG#collNext							{ position:relative; width:7.6em; height:1.7em; margin-top:0.2em; cursor:pointer; }
DIV#globalContent DIV#titImgColl						{ position:relative; font-size:1.5em; margin-top:3.3em; }
DIV#globalContent DIV#legendImgColl						{ position:relative; margin-top:0.4em; font-size:1.2em; }
DIV#globalContent IMG#imgView							{ position:relative; margin-top:0.7em; cursor:pointer; }

/*--- GESTION DES CONTACTS
------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------*/

DIV#globalMenu IMG.contactsIndicate								{ left:69.9em; top:9.7em; width:14.3em; height:11.2em; }	
DIV#globalContent DIV.contactsColl								{ position:absolute; width:23.7em; top:3.6em; }
DIV#globalContent DIV#collLeft									{ left:15.3em; }
DIV#globalContent DIV#collRight									{ left:48.7em; }

DIV#globalContent DIV.contactsColl DIV.contact					{ position:relative; padding-bottom:1.7em; }
DIV#globalContent DIV.contactsColl DIV.contact H3.contactTit	{ position:relative; padding:0; margin:0; margin-bottom:0.1em; font-size:1.4em; font-weight:bold; }
DIV#globalContent DIV.contactsColl DIV.contact SPAN.contactDesc	{ position:relative; font-size:1.2em; }