/****************************************************************************
* styles.css
* - Common
* - Container principal
* - Header
* - Footer
* - Contenu d'une page
****************************************************************************/

/***************************************************************************/

/* - Common ****************************************************************/
* { margin:0; padding:0; }

body
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	min-width:900px;
	background:#d9dede url(../images/common/background.jpg) no-repeat center top;
}


a img { border:none; }

.pager
{
	position:absolute;
	right:0;
	bottom:0;
}

	.pager a
	{
		margin-left:3px;
		width:12px;
		height:12px;
		float:left;
		cursor:pointer;
		color:#fff;
		font-size:10px;
		text-align:center;
		text-decoration:none;
		background:#3a7f9e;
	}
	
	.pager a.current { background:#9dbecc; }
	
	.pager a.previous,
	.pager a.next
	{
		background:none;
		_margin:0;
	}

/* - Main container *********************************************************/
.page
{
	min-width:900px;
}

#container
{
	position:relative;
	width:900px;
	height:650px;
	margin:0 auto;
	background:transparent;
}

#menu
{
	position:absolute;
	right:-14px;
	top:0;
	width:630px;
	height:130px;
}

	#menu ul 
	{
		position:absolute;
		right:65px;
		bottom:0px;
		padding-left:5px;
		list-style:none;
		background:url(/images/common/menu/bg-homepage.jpg) no-repeat left bottom;
	}
	
		#menu ul li
		{
			display:block;
			float:left;
		}
	
		#menu ul li a
		{
			display:block;
			padding:10px;
			color:#000;
			font-weight:bold;
			text-decoration:none;
		}
		
	#news #menu ul { background-image:url(/images/common/menu/bg-news.jpg); }
	#music #menu ul { background-image:url(/images/common/menu/bg-music.jpg); }
	#bio #menu ul { background-image:url(/images/common/menu/bg-bio.jpg); }
	#links #menu ul { background-image:url(/images/common/menu/bg-links.jpg); }
	#contacts #menu ul { background-image:url(/images/common/menu/bg-links.jpg); }
	#medias #menu ul { background-image:url(/images/common/menu/bg-links.jpg); }

#player
{
	position:absolute;
	right:40px;
	top:10px;
	width:200px;
	z-index:2;
	text-align:right;
}

	#player a
	{
		text-decoration:none;
		color:#aec8d5;
		font-size:10px;
	}
	
	#player span
	{
		position:absolute;
		top:10px;
		right:60px;
		cursor:pointer;
	}


	#player img
	{
		position:absolute;
		top:0;
		right:0px;
		border:1px solid #a0bccd;
		cursor:pointer;
	}

.logo
{
	position:absolute;
	left:84px;
	top:22px;
}

	.logo .home
	{
		display:block;
		height:36px;
		left:235px;
		position:absolute;
		top:73px;
		width:36px;
		z-index:3;
		cursor:pointer;
		background:url(../images/common/home.png) no-repeat left top;
		_background-image:url(../images/common/home-ie6.gif);
	}
	
.home 
{
	position:absolute;
	left:318px;
	top:96px;
	display:block;
	height:36px;
	width:36px;
	cursor:pointer;
	z-index:3;
}

	.home a
	{
		display:block;
		height:36px;
		width:36px;	
		cursor:pointer;
		background:url(../images/common/home.png) no-repeat left top;
		_background-image:url(../images/common/home-ie6.gif);
	}

	.home img { visibility:hidden; }
	
#lang
{
	position:absolute;
	right:10px;
	top:570px;
	width:56px;
	height:20px;
	background:url(../images/common/lang-bg.jpg) no-repeat left top;
}

	#lang a
	{
		position:absolute;
		top:4px;
		display:block;
		width:13px;
		height:9px;
		color:#227194;
		text-decoration:none;
		font-size:10px;
		background:url(../images/common/lang-flags.jpg) no-repeat left top;
	}
	
	#lang a.fr { left:10px;background-position:right top; }
	#lang a.en { left:31px; }
	
	#lang a.fr:hover, body.fr #lang a.fr {	background-position:right bottom; }
	#lang a.en:hover, body.en #lang a.en {	background-position:left bottom; }

	#lang span { display:none;position:absolute;top:-20px; width:56px; text-align:center;}
	#lang a:hover span { display:block; }
	#lang a.fr span {	left:-10px; }
	#lang a.en span {	left:-31px; }
	
	#homepage #lang { top:535px; }
	#news #lang { top:560px; }
	#music #lang { top:530px; }
	#medias #lang { top:530px; }

/* - Homepage **************************************************************/
#homepage .page
{
	background:url(../images/home/homepage.jpg) no-repeat center 107px;
}
	
#homepage .latest-news
{
	position:absolute;
	left:577px;
	top:130px;
	width:270px;
	height:340px;
}

	#homepage .latest-news h2
	{
		text-align:right;
		margin-bottom:10px;
	}
	
	#homepage .latest-news .entry
	{
		overflow:hidden;
		position:relative;
		height:65px;
		margin-right:10px;
		padding:5px 0px 0 50px;
		font-family:Arial, Helvetica, sans-serif;
		color:#41423f;
		font-size:11px;
		background:url(../images/common/separator.gif) repeat-x left top;
	}
	
	#homepage .latest-news .global
	{
		height:50px;
		overflow:hidden;
	}
	
		#homepage .latest-news .hover
		{
			background-color:#ddeae4;
		}
	
		#homepage .latest-news .entry h3
		{
			color:#b444ab;
			font-size:13px;
		}
			#homepage .latest-news .entry h3 a
			{
				color:#b444ab;
				text-decoration:none;
			}
	
		#homepage .latest-news .entry .text
		{
			overflow:hidden;
			height:34px;
			line-height:11px;
			text-align:justify;
			font-weight:bold;
		}
	
		#homepage .latest-news .entry .date
		{
			color:#77ad00;
			font-size:9px;
			text-align:right;
			font-style:italic;
		}
	
		#homepage .latest-news .entry img 
		{
			position:absolute;
			left:0;
			top:4px;
			width:40px;
			height:50px;
		}

#homepage .upcoming
{
	position:absolute;
	left:563px;
	top:489px;
	height:110px;
	padding-left:8px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}

	#homepage .upcoming h2 
	{
		margin-left:-8px;
	}

	#homepage .upcoming ul
	{
		list-style:none;
		margin-top:5px;
		width:270px;
	}

	#homepage .upcoming li
	{
		clear:both;
		color:#227194;
	}
	
	#homepage .upcoming a
	{
		display:block;
		clear:both;
		margin-top:5px;
		color:#cb557e;
		font-weight:bold;
	}
	
#homepage #anim
{
	position:absolute;
	left:23px;
	top:178px;
}
	
/* - News ******************************************************************/
#news #container { height:600px; }
#news .page
{
	background:url(../images/news/news.jpg) no-repeat center 88px;
}

	#news .date
	{
		display:block;
		padding-left:20px;
		font-size:9px;
		font-style:italic;
		color:#63676a;
		line-height:13px;
		background:url(../images/news/calendar.gif) no-repeat left center;
	}
		#news .date em { color:#6f9640; }

	#news .latest-news
	{
		position:absolute;
		left:430px;
		top:145px;
		width:360px;
		height:372px;
		font-family:Arial, Sans-serif;
	}

		#news .latest-news h2
		{
			margin-right:30px;
			padding-bottom:3px;
			margin-bottom:3px;
			text-align:right;
			background:url(../images/common/separator.gif) repeat-x left bottom;
		}
		
		#news .latest-news h1
		{
			margin:2px 0 0px 0;
			font-size:18px;
			color:#b444ab;
			font-weight:bold;
		}
		
		#news .latest-news h3
		{
			margin:0px 0 5px 0;
			font-size:14px;
			color:#b444ab;
			font-weight:bold;
		}
		
		#news .latest-news .entry .text
		{
			font-size:11px;
			color:#41423f;
		}
		
			#news .latest-news .entry .text p
			{
				margin-bottom:10px;
			}
		
			#news .latest-news .entry .text img
			{
				float:left;
				margin:0 10px 6px 0;
			}
			
			#news .latest-news .entry .text a
			{
				color:#b444ab;
				text-decoration:underline;
			}
			
		/* pager */
		#news .pager-content
		{
			overflow:hidden;
			height:280px;
		}

	#news .archives
	{
		position:absolute;
		left:68px;
		_left:69px;
		top:180px;
		width:230px;
		height:331px;
		font-family:Arial, Sans-serif;
	}
	
		#news .archives h2
		{
			height:24px;
			padding-left:19px;
		}
	
		#news .archives ul
		{
			list-style:none;
			width:230px;
		}
		
			#news .archives ul li
			{
				display:block;
				width:230px;
			}
		
			#news .archives ul li a
			{
				display:block;
				overflow:hidden;
				width:190px;
				height:22px;
				margin:0 0 2px 0;
				_margin:0;
				padding:3px 10px 5px 30px;
				_padding:3px 10px 4px 30px;
				.padding:3px 10px 4px 30px;
				text-decoration:none;
				background:url(../images/news/calendar.gif) no-repeat 10px 3px;
			}
			
				#news .archives ul li a:hover
				{
					background-color:#bdd2c2;
				}
		
				#news .archives ul li .date
				{
					padding:0;
					line-height:normal;
					background:none;
				}
		
				#news .archives ul li .titre
				{
					display:block;
					line-height:11px;
					color:#125a7a;
					font-weight:bold;
					font-size:11px;
					white-space:nowrap;
				}
		
		#news .archives .pager
		{
			position:absolute;
			overflow:hidden;
			bottom:0px;
			_bottom:-1px;
			right:0px;
			width:67px;
			height:15px;
			padding:6px 2px 0px 82px;
			background:url(../images/news/archives-pager.gif) no-repeat left top;
		}
		
			#news .archives .pager a
			{
				display:block;
				width:11px; 
				height:11px;
				float:left;
				margin:0 1px;
				text-decoration:none;
				font-size:9px;
				font-weight:bold;
				color:#fff;
				text-align:center;
				background:#166692;
			}
			#news .archives .pager a.current { background:#6f9640; }
			#news .archives .pager a.previous,
			#news .archives .pager a.next
			{
				background:none;
				_margin:0;
			}
			#news .archives .deco
			{
				position:absolute;
				right:-2px;
				top:22px;
				z-index:2;
				display:block;
				width:28px;
				height:289px;
				background:url(../images/news/archives-deco.gif) no-repeat left top;
			}

	#news .newsletter
	{
		position:absolute;
		left:75px;
		top:502px;
	}
	
/* - Music/album ***********************************************************/
#music .page
{
	background:url(../images/music/music.jpg) no-repeat center 74px;
}

	#music .main
	{
		position:absolute;
		left:570px;
		top:132px;
		width:270px;
		font-family:Arial, Arial, Helvetica, sans-serif;;
	}
		
		#music .main h2
		{
			margin-right:10px;
			text-align:right;
		}
		
		#music .main .cover
		{
			position:absolute;
			left:0px;
			top:40px;
		}
		
		#music .main .title
		{
			position:absolute;
			right:0px;
			top:45px;
		}
		
		#music .main .label
		{
			position:absolute;
			right:3px;
			top:95px;
			font-size:11px;
			color:#41423f;
			letter-spacing:-0.04em;
		}
		
			#music .main .label a
			{
				color:#41423f;
				text-decoration:none;
			}
			#music .main .label a:hover { text-decoration:underline; }
		
		#music .main .links
		{
			position:absolute;
			right:3px;
			top:125px;
			list-style:none;
		}
		
			#music .main .links li
			{
				display:block;
				float:left;
				margin:0 0 0 6px;
			}
		
		#music .main .tracks
		{
			position:absolute;
			left:0px;
			top:175px;
			display:block;
			width:270px;
			font-size:11px;
			color:#4a7483;
			list-style:none;
		}
		
			#music .main .tracks li{
				_zoom:1;
				_margin:-3px 0;
				display:block;
				color:#4a7483;
				font-weight:bold;
			}
		
			#music .main .tracks a
			{
				position:relative;
				display:block;
				text-decoration:none;
				color:#4a7483;
				font-weight:bold;
			}
			
				#music .main .tracks em
				{
					padding-left:20px;
					color:#7771be;
					font-style:normal;
				}
			
				#music .main .tracks .duration
				{
					position:absolute;
					right:35px;
					font-style:italic;
					font-weight:normal;
				}
				
			#music .main .tracks a:hover
			{
				background:#d3dee1;
			}

	
/* - Biography *************************************************************/
#bio #container { height:570px; }

#bio .page
{
	background:url(../images/bio/bio.jpg) no-repeat center 107px;
}

	#bio .main
	{
		position:absolute;
		left:572px;
		top:145px;
		width:255px;
		height:375px;
		font-family:Arial, Helvetica, sans-serif;
	}
	
		#bio .main h2
		{
			margin:0 40px 15px 0;
			text-align:right;
		}
		
		#bio .main h1
		{
			margin:0 0 15px 0;
			font-size:14px;
			color:#6b00a1;
			font-weight:bold;
		}
		
	#bio .pager-content
	{
		height:275px;
		overflow:hidden;
	}
	
		#bio .text p
		{
			margin: 0 0 10px 0;
			font-size:11px;
			color:#41423f;
			text-indent:10px;
		}

		
/* - Biography *************************************************************/
#concerts .page
{
	background:url(../images/concerts/concerts.jpg) no-repeat center 95px;
}

		#concerts .main
		{
			position:absolute;
			left:500px;
			top:130px;
			width:340px;
			height:400px;
			font-family:Arial, Helvetica, sans-serif;
		}
		

		#concerts .main h2
		{
			padding-bottom:3px;
			margin-bottom:3px;
			text-align:right;
			background:url(../images/common/separator.gif) repeat-x left bottom;
		}
		
		#concerts .main h4
		{
			padding:2px 12px;
			font-size:14px;
			color:#3d6460;
			background:#ebf2f4; 
		}
		
		#concerts .list
		{
			width:100%;
			color:#72b0c1;
			border:none;
			margin-bottom:15px;
			font-size:11px;
		}
		
			#concerts .list td
			{
				padding:2px 12px 2px 0;
				vertical-align:middle;
			}
		
			#concerts .list .date
			{
				padding:2px 10px;
				width:30px;
				font-weight:bold;
				color:#3d6460;
				white-space:nowrap;
			}
		
			#concerts .list .city
			{
				vertical-align:middle;
				font-weight:bold;
				color:#933f8b;
			}
		
			#concerts .list .place
			{
				font-size:0.9em;
			}
			
			#concerts .list a 
			{
				color:#72b0c1;
				text-decoration:none;
				white-space:nowrap;
			}
			
			#concerts .list a:hover
			{
				text-decoration:underline;
			}
		
			#concerts .list .alt td	{ background:#ebf2f4; }
			
		#concerts .continents
		{
			position:absolute;
			left:-109px;
			top:20px;
			width:110px;
			height:123px;
			list-style:none;
			background:url(../images/lang/en/concerts/continents.gif) no-repeat left top;
		}
		
		body.fr #container .continents { background-image:url(../images/lang/fr/concerts/continents.gif);}
		
			#concerts .continents a
			{
				display:block;
				width:110px;
				height:44px;
				text-decoration:none;
			}
			
				#concerts .continents .usa a { height:35px; }
			
				#concerts .continents a span { visibility:hidden; }
			
		/* pager */
		#concerts .pager-content
		{
			overflow:hidden;
			height:330px;
		}
			
/* - Links and Contacts ****************************************************/
#links #container { height:750px; }

#links .page
{
	background:url(../images/links/links.jpg) no-repeat center 105px;
}

	#links .main, #contacts .main
	{
		position:absolute;
		left:484px;
		top:133px;
		width:360px;
		height:395px;
	}

	
		#links .main h2, #contacts .main h2
		{
			padding-bottom:3px;
			margin-bottom:3px;
			text-align:right;
			background:url(../images/common/separator.gif) repeat-x left bottom;
		}
		
		#links #our-links
		{
			position:relative;
			list-style:none;
			width:360px;
			height:350px;
			background:url(../images/links/background.jpg) no-repeat 35px 2px;
		}
		
			#links #our-links li { position:absolute; }
			#links #our-links li#blog {left:31px; top:128px;}
			#links #our-links li#totoutard { left:181px; top:128px; }
			#links #our-links li#atlantic { left:15px; top:276px; }
			#links #our-links li#itunes { left:304px; top:150px; }
			#links #our-links li#myspace-yael { left:37px; top:-3px; }
			#links #our-links li#myspace-david { left:247px; top:258px; }
			#links #our-links li#facebook { left:254px; top:28px; }
			
		#links #friends
		{
			position:relative;
			width:320px;
			height:280px;
			padding:35px 10px 35px 40px;
			font-size:11px;
		}
		
			#links #friends ul { list-style:none;margin-bottom:15px; }
			#links #friends ul li { color:#2386a1;margin-bottom:2px; }
			#links #friends ul li strong { color:#933f8b; }
			#links #friends ul li a { color:#2386a1;text-decoration:none; }
				#links #friends ul li a:hover { text-decoration:underline; }
			
			
		#links .nav
		{
			position:absolute;
			z-index:2;
			left:-91px;
			top:15px;
			width:135px;
			height:131px;
			list-style:none;
			background:url(../images/lang/en/links/nav.gif) no-repeat left top;
		}
		
		#links.fr .main .nav { background-image:url(../images/lang/fr/links/nav.gif); }
		
			#links .nav a
			{
				display:block;
				width:135px;
				text-decoration:none;
			}
			
				#links .nav .our-links a { height:45px; }
				#links .nav .friends a { height:40px; }
				#links .nav .misc a { height:46px; }
				#links .nav a span { visibility:hidden; }
				
/* - Contacts **************************************************************/
#contacts .page
{
	background:url(../images/contacts/contacts.jpg) no-repeat center 105px;
}

#contacts .main .contact
{
	width:280px;
	font-size:11px;
}

	#contacts .main .contact 
	{ 
		position:relative; 
		height:67px;
		padding:8px 0 0 85px;
	}

		#contacts .main .contact a { color:#2386a1; text-decoration:none; }
		#contacts .main .contact a:hover { text-decoration:underline; }
		#contacts .main .contact strong { color:#933f8b; }
		
		#contacts .main .contact .img { position:absolute; left:10px; top:0; }
		#contacts .main .contact a { display:block; }
		
	#contacts .main .webmaster 
	{ 
		width:245px;
		height:auto;
		padding:15px 0 0 120px;
		color:#933f8b;
		margin-top:5px; 
	}
	
		#contacts .main .webmaster .mail { margin-top:4px;}
		#contacts .main .webmaster .mail a { display:inline; }

		
/* - Medias ****************************************************************/
#medias #container { height:570px; }

#medias .page
{
	/*background:url(../images/bio/bio.jpg) no-repeat center 107px;*/
}

	#medias #menu { z-index:1; }

	#medias .main
	{
		position:absolute;
		z-index:2;
		left:458px;
		top:115px;
		width:274px;
		height:321px;
		padding:40px 50px 50px 110px;
		font-family:Arial, Helvetica, sans-serif;
		background:url(../images/medias/medias.png) no-repeat left top;
		_background-image:url(../images/medias/medias-ie6.gif);
	}
	
		#medias .main h2
		{
			margin:0 40px 8px 0;
			text-align:right;
		}
		
		#medias .main .media-type
		{
			clear:both;
			background:#eef4f6 url(../images/common/separator.gif) repeat-x left top;
		}
		
			#medias .main .media-type div
			{
				height:18px;
				padding:1px 10px 1px 135px;
				background:transparent url(../images/common/separator.gif) repeat-x left bottom;
			}
			
			#medias .main .media-type a,
			#medias .main .media-category a,
			#medias .main .media-album a
			{
				display:block;
				float:left;
				padding:2px 10px;
				text-decoration:none;
				color:#328097;
				font-weight:bold;
			}
			
				#medias .main .media-type a:hover,
				#medias .main .media-category a:hover,
				#medias .main .media-album a:hover
				{
					background:#fff;
				}
				
		
		#medias .main .media-category
		{
			clear:both;
			height:16px;
			padding:2px 10px 1px 10px;
			background:#c9dae1;
		}
		
			#medias .main .media-category a { font-size:11px; }
		
		#medias .main .media-album
		{
			clear:both;
			height:16px;
			padding:2px 10px 1px 10px;
			background:#d5e3ea;
		}
		
			#medias .main .media-album a { font-size:11px;font-weight:normal; }
		
		#medias .main .thumbnails
		{
			clear:both;
			margin:5px 0 0 30px;
		}

			#medias .main .thumbnails a.thumbnail,
			#medias .main .videos a img
			{
				display:block;
				float:left;
				width:52px;
				height:52px;
				padding:6px;
				margin:0 5px 5px 0;
				overflow:hidden;
				background:url(../images/medias/thumb.gif) no-repeat left top;
			}
			
				#medias .main .thumbnails a.thumbnail img
				{
					display:block;
					width:52px;
					height:52px;
				}
				
		#medias .main .videos
		{
			margin:15px 0 0 30px;
		}
		
			#medias .main .videos p
			{
				height:64px;
				clear:both;
				cursor:pointer;
			}
		
			#medias .main .videos p a span
			{
				color:#000;
				display:block;
				padding-top:10px;
			}
			
		#medias .main .pager
		{
			right:60px;
			bottom:40px;
		}
		
	#medias .photo
	{
		position:absolute;
		left:20px;
		top:119px;
		width:535px;
		height:385px;
		padding:8px 16px 14px 24px;
		overflow:hidden;
	}
	
		#medias .photo img
		{
			width:535px;
			height:385px;
		}
	
		#medias .photo .layer
		{
			position:absolute;
			left:0px;
			top:0px;
			z-index:2;
			display:block;
			width:575px;
			height:407px;
			background:url(../images/medias/layer.png) no-repeat left top;
			_background:none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src="/images/medias/layer.png", sizingMethod=crop);
		}
		
		#medias .photo object, #medias .photo embed
		{
			position:relative;
			z-index:3;
			left:40px;
			top:20px;
		}