@charset "utf-8";
/*  RESET STYLES  (Merci à Eric Meyer) */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin				: 	0;
	padding				: 	0;
	border				: 	0;
	outline				: 	0;
	font-weight			: 	normal;
	font-style			: 	inherit;
	font-size			: 	100%;
	font-family			:	Verdana, Arial, Helvetica, sans-serif;
	vertical-align		: 	baseline;
	text-decoration 	:	none;
	list-style			:	none;
}



/*
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
					GLOBAL
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*/


body, html
{
	background 			:	#120d07;
}

#container
{
	width 				:	980px;
	margin 				:	40px auto 0 auto;
}
p, blockquote
{
	color 				:	#f0f0f0;
	font-size 			:	0.75em;
	line-height 		:	1.4em;
}
blockquote
{
	font-style			:	italic;
}
a
{
	font-size 			:	0.7em;
	color 				:	#f0f0f0;
}
a:hover
{
	color 				:	#bbad96;
}
.important
{
	color				:	#a69c8a;

}
.center
{
	font-weight			:	bold;
}

/*
|-------------------- HEADER
*/



#header
{
	position			:	relative;
	background			:	transparent url(../images/header.jpg) no-repeat center top;
	height 				:	100px;
}
#retour-accueil
{
	display 			:	block;
	width 				:	332px;
	height 				:	25px;
	position 			:	absolute;
	top 				:	45px;
	left				:	40px;
}




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



#content
{
	position 			:	relative;
	min-height 			:	470px;
}
/* image de fond des différentes pages */
#content.home		{	background	:	transparent url(../images/bg-content-home.jpg) no-repeat center top;}
#content.biographie	{	background	:	transparent url(../images/bg-content-biographie.jpg) no-repeat center top;}
#content.galerie	{	background	:	#130e08 url(../images/bg-content-galerie.jpg) no-repeat center top; height:auto;}
#content.contact	{	background	:	transparent url(../images/bg-content-contact.jpg) no-repeat center top;}

#colonne-droite
{
	float 				:	right;
	width 				:	380px;
	margin				:	45px 200px 0 0;
	color 				:	white;
}	
#colonne-sous-menu
{
	position 			:	absolute;
	top 				:	190px;
	left 				:	60px;
	width 				:	170px;
	text-align 			:	right;
}	
#colonne-sous-menu p span
{
	font-weight 		:	bold;
}	




/*
|------------------- Biographie
*/



div#biographie /* Biographie (texte) de l'artiste */
{
	position 			:	absolute;
	top 				:	190px;
	left 				:	60px;
	width 				:	500px;
}
a#presse, #loading
{
	background			:	transparent url(../images/parentheses.png) no-repeat center center;
	display 			:	block;
	width 				:	142px;
	height				:	22px;
	margin 				:	30px 0;
	padding-top 		:	3px;
	font-size 			:	0.75em;
	text-align 			:	center;
	color 				:	#7b7063;
}
a#presse:hover
{
	color 				:	#bbad96;
}

div#biographie #bio-1, div#biographie #bio-2, div#biographie #txt-presse
{
	display 			:	none;
	position 			:	relative;
}
a#lien-suite-bio, a#lien-prec-bio, a#retour-bio

{
	float 				:	right;
	padding 			:	3px;
}

/*
|------------------- Galerie
*/
.col-galerie /* conteneur global galerie tableaux + menu de sélection couleur */
{
	width 				:	700px;
	padding				:	45px 0px 40px 280px;
}
#couleurs-tableaux, #couleurs-tableaux a
{
	font-size 			:	0.95em;
	text-transform		:	uppercase;
	padding 			:	3px 0;
}

#couleurs-tableaux a#current-color, #couleurs-tableaux a#current-color:hover
{
	font-weight 		:	bold;
	color 				:	white;
}

#galerie-tab a img
{
	margin 				:	10px 10px 0 0;
}
#infos-tab
{
	position			:	absolute;
	width 				:	300px;	
	right				:	10px;
	top 				:	0px;
	text-align 			:	left;
}

/*
|------------------- formulaire | Contact
*/



#frm-contact label
{
	display 			:	block;
	position 			:	relative;
	padding 			:	6px 0;	
	border-bottom 		:	1px solid #43403f;
}
#frm-contact label#dernier
{
	border 				:	none;
}
#frm-contact label span
{
	font-size 			:	0.8em;
	width 				:	80px;
	display 			:	inline-block;
}
#frm-contact input, #frm-contact textarea
{
	width 				:	200px;
	border		 		:	none;
	background 			:	transparent;
	padding 			:	2px 0;
}
#frm-contact textarea
{
	background 			:	#000;
	overflow			:	hidden;
	margin-top 			:	5px;
	width 				:	380px;
	color 				:	white;
}
#frm-contact input#btn-submit
{
	float 				:	right;
	width 				:	75px;
	color 				:	white;
	cursor 				:	pointer;
	border 				:	none;
}
#frm-contact input#btn-submit:hover
{
	background			:	#bbad96;
	color 				:	black;
}
#frm-contact label.error
{
	border				:	none;
	color 				:	#ff0000;
	font-size 			:	0.7em;
	padding 			:	0;
	margin 				:	0;
}
#loading
{
	display 			:	none;
}




/*
|-------------------- MENU PRINCIPAL (main-menu)
*/




#main-menu
{
	width 				:	170px;
	position 			:	absolute;
	top 				:	40px;
	left				:	60px;
	text-align 			:	right;
	z-index				:	100;
}
#main-menu li a
{
	margin 				:	10px 0;
	float 				:	right;		
	display 			:	block;
	height 				:	19px;
}


#main-menu li a#lien-biographie/* lien vers la biographie */
{
	width 				:	170px;
	background			:	transparent url(../images/biographie.png) no-repeat top left;
}
#main-menu li a:hover#lien-biographie, #main-menu li a#lien-biographie.current
{
	background			:	transparent url(../images/biographie.png) no-repeat bottom left;
}

#main-menu li a#lien-galerie/* lien vers la galerie */
{
	width 				:	115px;
	background			:	transparent url(../images/galerie.png) no-repeat top left;
}
#main-menu li a:hover#lien-galerie, #main-menu li a#lien-galerie.current
{
	background			:	transparent url(../images/galerie.png) no-repeat bottom left;
}

#main-menu li a#lien-contact/* lien vers le formulaire de contact */
{
	width 				:	134px;
	background			:	transparent url(../images/contact.png) no-repeat top left;
}
#main-menu li a:hover#lien-contact, #main-menu li a#lien-contact.current
{
	background			:	transparent url(../images/contact.png) no-repeat bottom left;
}




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




#footer
{
	background			:	transparent url(../images/footer.gif) no-repeat top center;
	height 				:	55px;
	font-size 			:	0.8em;
}
#footer p
{
	color 				:	#7b7063;
	text-align 			:	center;
	padding-top 		:	10px;
}	
#footer a
{
	color 				:	#7b7063;
	font-size 			:	1em;
}	
#footer a:hover
{
	color 				:	#bbad96;
}
span#langues
{
	margin-left 		:	50px;
}
a#langueOK, a:hover#langueOK
{
	color 				:	white;
}


/*
|-------------------- INTEGRATION DU FLASH HOME
*/

#flashcontent{
	position			: absolute;
	z-index				: 1; 
	top					: 0px; 
	left				: 0px;
}

#overflash{
	position			: absolute;
	top					: 0px;
	left				: 0px;
	z-index				: 2;
	width				: 980px;
	height				: 470px;
}