/* 
--------------------------------------------
** Design du site: Mathieu Vo Quang
** Intégration et CSS: Mehdi Bouhalassa
--------------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	background: url(/medias/images/backRepeat.jpg);
	background-repeat: repeat-x;
	background-position: 0px 96px;
	background-color: #fefefe;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
}
h1 {
	display: none;
}
:-moz-any-link:focus {
  outline: none;
}
.fLeft {
	float: left !important;
}
.fRight {
	float: right !important;
}
img {
	border: 0 !important;
}
.uppercase {
	text-transform: uppercase;
}
.clear {
	clear: both !important;
}
#page {
	margin: 0 auto 150px auto !important;
	width: 900px;
}

#header {
	margin: 0;
	padding: 0 90px 0 0;
	float: right;
	width: 100%;
}
#languages {
	float: right;
	margin-bottom: 40px;
	text-align: right;
}
	#languages p {
		color: #e70032;
		margin: 20px 0 0 0;
		padding: 0;
	}
	#languages a {
		color: #000000;
		text-decoration: none;
	}
	#languages a:hover {
		color: #e70032;
	}
#menu {
	float: right;
	width: 329px;
	height: 60px;
	clear: both;
	margin: 0 0 30px 0;
	padding: 0 0 30px 0;
	border-bottom: 1px solid #8e8e8e;
}
	#menu ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		clear: both;
	}
	#menu li {
		margin: 0;
		padding: 0;
		float: left;
		display: block;
	}
	#menu span {
		display: none;
	}
#page {
	margin: 0 auto;
	padding: 0 0 150px 0;
}
.bannerWrap {
	margin: 0 auto !important;
}

.fr-accueil {
	width: 71px;
	height: 20px;
	background: url(/medias/images/fr/accueil.gif);
	float: left;
	display: block;
	margin-right: 28px;
}
.en-accueil {
	width: 50px;
	height: 20px;
	background: url(/medias/images/en/accueil.gif);
	float: left;
	display: block;
	margin-right: 40px;
}
.fr-musique {
	width: 80px;
	height: 20px;
	background: url(/medias/images/fr/musique.gif);
	float: left;
	display: block;
	margin-right: 28px;
}
.en-musique {
	width: 57px;
	height: 20px;
	background: url(/medias/images/en/musique.gif);
	float: left;
	display: block;
	margin-right: 40px;
}
.fr-extras {
	width: 71px;
	height: 20px;
	background: url(/medias/images/fr/extras.gif);
	background-repeat: no-repeat;
	float: left;
	display: block;
	margin-right: 19px;
}
.en-extras {
	width: 73px;
	height: 20px;
	background: url(/medias/images/en/extras.gif);
	background-repeat: no-repeat;
	float: left;
	display: block;
	margin-right: 38px;
}
.fr-biographie,
.en-biographie {
	width: 28px;
	height: 20px;
	background: url(/medias/images/fr/biographie.gif);
	background-repeat: no-repeat;
	float: left;
	display: block;
}
.fr-babillard {
	width: 97px;
	height: 20px;
	background: url(/medias/images/fr/babillard.gif);
	float: left;
	display: block;
	margin-right: 11px;
}
.en-babillard {
	width: 108px;
	height: 20px;
	background: url(/medias/images/en/babillard.gif);
	float: left;
	display: block;
	margin-right: 17px;
}
.contact {
	width:93px;
	height: 20px;
	background: url(/medias/images/fr/contact.gif);
	float: left;
	display: block;
}
.fr-spectacles {
	width: 112px;
	height: 20px;
	background: url(/medias/images/fr/spectacles.gif);
	float: left;
	display: block;
	margin-right: 11px;
}
.en-spectacles {
	width: 92px;
	height: 20px;
	background: url(/medias/images/en/spectacles.gif);
	float: left;
	display: block;
	margin-right: 16px;
}
	.fr-accueil:hover,
	.fr-babillard:hover,
	.contact:hover,
	.fr-extras:hover,
	.fr-spectacles:hover,
	.en-accueil:hover,
	.en-babillard:hover,
	.en-extras:hover,
	.en-spectacles:hover,
	.en-musique:hover,
	.fr-musique:hover,
	.en-biographie:hover,
	.fr-biographie:hover {
		background-position: 0 -20px;
	}
td p {
	margin: 0 !important;
	padding: 0 0 8px 0 !important;
}

a {
	color: #e9002e;
}

.content-left {
	float: left;
	width: 420px;
}
.content-right {
	float: right;
	width: 340px;
	margin: 0 80px 0px 0;
}
.presentation p {
	font-size: 14px;
	margin: 0 0 10px 0;
	text-align: justify;
}
.separator {
	margin: 0 0 30px 0;
	padding: 0 0 120px 0;
	border-bottom: 1px solid #8e8e8e;
}
.ituneslink {
	margin: 23px 0 15px 0 !important;
}
/*  MEDIA PLAYER
_______________________*/
#player {
	display: inline;
	margin-bottom: 30px;
}
#audioplayer {
	margin: 29px 0;
}
/*  NOUVELLES
_______________________*/
#nouvelles,
#extras,
#biographie {
	background-repeat: no-repeat;
	height: 700px;
	width: 100%;
	margin-top:96px;
}
	.quotes p {
		font-size: 12px;
		margin-bottom: 14px !important;
	}

.jukebox {
	margin: 19px 0 20px 0 !important;
	padding: 0 10px 0 0;
	clear: both;
}
/*  EXTRAS - VIDEOS
_______________________*/

/*  BABILLARD
_______________________*/
#babillard {
	padding: 0 90px 0 123px;
	margin-top:96px;
}
.embedBabillard {
	padding-top: 20px;
	clear: both;
}
/*  CONTACT
_______________________*/
#contact {
	padding: 160px 90px 0 90px !important;
	min-height: 500px;
	margin-top:96px;
}
#contact h2,
#contact p {
	margin: 0;
	padding: 0;
}

	#contact p span {
		padding-right: 15px;
		font-weight: bold;
	}
	
#password_comm h2 {
	margin-right: 40px;
}
	
#contact h2 {
	text-transform: uppercase;
}

#telechargement {	
	margin: 60px 0 0 0;
}

#telechargement p {
	margin: 0px 0px 20px 0px;
	text-align:left;
}

.medias {
	position: relative;
	display: none;
	width: 180px;
	text-align:center;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.media_scroll {
	height: 150px;
	border-top: 1px dotted #666;
	border-bottom: 1px dotted #666;
	overflow: auto;
	margin: 0px 25px 10px 0;
	padding: 15px 0;
}

p.media_scroll {
	padding:0;
	margin:0;
}

.login input
{
	border: none;
	width: 190px;
	height: 18px;
	margin: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #555;
	border: 1px dotted #666;
}

#bio_title {
	display: none;
}

#top_scroll_bio {
	position: absolute;
	margin: -40px 0 0 207px;
	padding: 5px;
}

#bottom_scroll_bio {
	position: absolute;
	margin: 505px 0 0 207px;
	padding: 5px;
}

#buttons {
	text-align: right;
	height: 40px;
}

#printDiv {margin-top:10px;}

.error {
	height: 32px;
	margin: 0 0 10px 0px;
	color:#CC0000;
}

.loading {
	background-image: url(/medias/images/loading.gif);
	background-repeat: no-repeat;
	width: 40px;
	height: 40px;
	margin: 0 0 10px 27px;
}

.top_scroll {
position: absolute;
margin: -60px 0 -20px -23px;
padding: 5px;
}

.bottom_scroll {
position: absolute;
margin: 220px 0 0 -23px;
padding: 5px;
}
/*  SPECTACLES
_______________________*/
#spectacles {
	padding: 0 90px;
	margin-top:96px;
}
/*  EXTRAS
_______________________*/
#gallery_extras {
	overflow: hidden;
	margin: 0;
	width:329px;
	font-size: 10px;
}

.tit-extra-video {
	height: 18px;
	background-image: url(/medias/images/tit-extra-video.png);
	background-position: top left;
	background-repeat: no-repeat;
	padding-bottom: 27px;
}

#left_scroll {
  float: left;
  margin: -75px 0 0 0;
  cursor: pointer;
  width: 9px;
  height: 16px;
  z-index: 10000;
}

#right_scroll {
  float: right;
  margin: -75px 1px 0 0px !important;	
  cursor: pointer;
  width: 9px;
  height: 16px;
  z-index: 10001;
}/* end sous-menu scroll albums */

#mediaPlayer {
	width: 400px;
	height: 325px;
	font-weight: bold;
	margin: 0 0 0 0;
}

#gallery_extras ul {
	margin: 0 12px 20px 0;
	padding: 0 6px 10px 3px;
	display: block;
	float: left;
	overflow: hidden;
}

#gallery_extras li {
	display: block;
	float: left;
	padding: 0 15px 20px 8px;
	margin: 0;
	overflow: hidden;
	width: 70px;
	font-size: 12px;
	font-weight: bold;
}
	#holder li a img {
		border: 0 !important;
	}

#gallery_extras b {
	display: block;
	clear: both;
	padding: 0px 10px;
	margin: 0;
	font-size:12px;
	font-weight: normal;
	overflow: hidden;
}
.titre {
	font-weight: bold;
	font-size: 14px;
	border-bottom: 1px solid #8b8b8b;
	padding-bottom: 125px !important;
}
/*  FOOTER
_______________________*/
#footer {
	width: 100%;
	position: fixed;
	bottom: 0px;
	margin: 0px;
	padding: 0px;
	height: 26px;
	background-image: url(/medias/images/footer-gradient.png);
	background-repeat: repeat-x;
	font-size: 10px;
	z-index: 10000;
	color: #999;
}

#anim-envois {
	float: left;
	margin: 6px 15px 0 0px;
	padding: 0px 0px 0 10px;
	font-size: 14px;
}

.abonnement {
	float: left;
	height: 14px;
	width: 180px;
	font-size: 10px;
	padding: 1px 4px;
	margin: 5px 10px 4px 0px;
	opacity: 0.8;
	background-color: #000;
	color: #888;
	border: solid 1px #333;
}

.go {
	float: left;
	font-size: 11px;
	padding: 1px 5px; 
	margin: 4px 0px;
	opacity: 0.75;

}

.logo_audiogram {
	display: inline;
	padding: 3px 0 0 5px;
}

.footnote {
	margin: 2px 20px 2px 0px;
	height: 28px;
	display: inline;
	float:right;
	width: 290px;
}

.right {
	float: right;
}

.left {
	float: left;
}

.clear {clear:both;}


.bannerWrap {
	width:724px;
	position:absolute;
	top:15px;
	left:20%;
}


hr {
	border:none;
	border-top:1px solid gray;
	margin:60px 0 10px 0;
}

#boxLyrics {
	margin: 10px 0 40px 480px;
	padding: 10px 0 0 0;
	width: 400px;
}

#boxLyrics .lyrics pre{
	font-family: verdana, helvetica, sans-serif;
	font-size: 10px;
}

.lyrics {
	display: none;
	line-height: 14px;
	width: 380px;
}

.showLyrics {
	font-size: 11px;
}

.showLyrics:hover {
	opacity: 1;
}

/*//////////// PROMO MAYA ///////////*/

body#promoMaya {background-position: 0px;}

#promoMaya #page {
	margin: 0 auto !important;
	width: 900px;
}
#promoMaya h1 {
	width:272px;
	height:181px;
	background: url(/medias/images/logoTop.gif);
	margin:0 auto;	
}