body {
	background: #000;
	color: #fff;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 62.5%;
	margin: 0;
	padding: 0;
}

a { color: #0099cc; }
a:hover {color: #999;}

p { margin: 0 0 1.5em;}

h1, h2, h3, h4, ul {
	margin: 0;
	padding: 0;
}

ul { list-style: none; }

img { 
	border: 0; 
	display: block;
}


#page {
	background: url(../img/background.jpg) no-repeat;
	font-size: 1.1em;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: 955px;
}

h1 {
	background: url(../img/logo-Preste.jpg) no-repeat;
	height: 90px;
	position: absolute;
	right: 36px;
	top: 141px;
	width: 180px;
	z-index: 1;
}

#corps { 
	padding: 0 0 0 128px; 
	overflow: hidden;
	width: 850px;
}

/****** Menu ******/

#menu{
	left: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 152px;
	width: 107px;
	z-index: 1;
}

#menu li{
	/*position: relative;*/
	width: 107px;
}

#menu li a{
	background-repeat: no-repeat;
	display: block;
	height: 15px;
	margin: 0 0 10px;
	overflow: hidden;
	position: relative;
	width: 107px;
}

#menu li#mNouvelles a:hover, #menu li#mNouvelles.actif a { background-image: url(../fr/images/nouvelles_bleu.gif) !important; }
#menu li#mSpectacles a:hover, #menu li#mSpectacles.actif a { background-image: url(../fr/images/spectacles_bleu.gif) !important; }
#menu li#mArtistes a:hover, #menu li#mArtistes.actif a { background-image: url(../fr/images/artistes_bleu.gif) !important; }
#menu li#mStreet a:hover, #menu li#mStreet.actif a { background-image: url(../fr/images/street-team_bleu.gif) !important; }
#menu li#mApropos a:hover, #menu li#mApropos.actif a { background-image: url(../fr/images/apropos_bleu.gif) !important; }
#menu li#mContact a:hover, #menu li#mContact.actif a { background-image: url(../fr/images/contact_bleu.gif) !important; }
#menu li#mLiens a:hover, #menu li#mLiens.actif a { background-image: url(../fr/images/liens_bleu.gif) !important; }
#menu li#mRadio a:hover, #menu li#mRadio.actif a { background-image: url(../fr/images/radio_bleu.gif) !important; }

#menu li a:hover { cursor: pointer; }


#menu li#mNouvelles a { 
	background-image: url(../fr/images/nouvelles.png) !important;
	background-image : none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='/fr/images/nouvelles.png');
}
#menu li#mSpectacles a {
	background-image: url(../fr/images/spectacles.png) !important;
	background-image : none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='/fr/images/spectacles.png');
}
#menu li#mArtistes a {
	background-image: url(../fr/images/artistes.png) !important;
	background-image : none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='/fr/images/artistes.png');
}
#menu li#mStreet a { 
	background-image: url(../fr/images/street-team.png) !important;
	background-image : none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='/fr/images/street-team.png');
}
#menu li#mApropos a { 
	background-image: url(../fr/images/apropos.png) !important;
	background-image : none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='/fr/images/apropos.png');
}
#menu li#mContact a { 
	background-image: url(../fr/images/contact.png) !important;
	background-image : none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='/fr/images/contact.png');
}
#menu li#mLiens a { 
	background-image: url(../fr/images/liens.png) !important;
	background-image : none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='/fr/images/liens.png');
}
#menu li#mRadio a { 
	background-image: url(../fr/images/radio.png) !important;
	background-image : none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='/fr/images/radio.png');
}


#menuArtiste {
	border-bottom: 1px solid #0099cc;
	border-top: 1px solid #0099cc;
	clear: right;
	height: 17px;
	margin: 20px 0;
	overflow: hidden;
	padding: 5px 5px 5px 10px;
}

#menuArtiste li {
	display: inline;
	float: left;
	margin: 0 30px 0 0;
}

#menuArtiste li a {
	color: #999;
	text-decoration: none;
}

#menuArtiste li.actif a, #menuArtiste li a:hover {
	color: #0099cc;
}

#makeanoffer a {
	border: 1px solid #b14c00;
	color: #b14c00;
	display: block;
	float: right;
	margin: 0 0 5px;
	padding: 5px;
	text-decoration: none;
}

/******* Contenu principal ********/

#contenuPrincipal {
	display: inline;
	float: left;
	margin: 0 19px 0 0;
	margin-bottom: -1000px;
	padding-bottom: 1000px;
	width: 550px;
}

#image { 
	margin: 95px 0 0; 
	overflow: hidden;
}

#image #gallery {
	position: relative;
	width: 550px;
	height: 242px;
}

#image a.website, #image a.makeanoffer {
	display: block;
	float: right;
	padding: 5px;
	text-decoration: none;
}

#image a.website {
	border: 1px solid #0099cc;
	margin: 5px 0 0;
}

#image a.makeanoffer {
	border: 1px solid #b14c00;
	color: #b14c00;
	margin: 5px 5px 0 0;
}

#image a.website:hover, #formRecherche a:hover, #listeAudioVideo li .pochette a:hover, #listeAudioVideo li .imgVideo a:hover {
	background: #0099cc;
	color: #000;
}

#image a.makeanoffer:hover {
	background: #b14c00;
	color: #000;
}

#formRecherche {
	margin: 20px 0;
	overflow: hidden;
	padding: 0;
	width: 550px;
}

#formRecherche select {
	display: inline;
	float: left;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.9em;
	margin: 5px 10px 0 0;
	width:140px;
}

#formRecherche a {
	border: 1px solid #0099cc;
	display: block;
	float:right;
	margin: 5px 0 0;
	padding:5px;
	text-decoration: none;
}

#listeDate, #listeLiens {	border-bottom: 1px solid #0099cc; }

#listeDate h2, #listeLiens h2 {
	border-bottom: 1px solid #0099cc;
	border-top: 1px solid #0099cc;
	color: #0099cc;
	font-size: 1em;
	font-weight: normal;
	margin: 20px 0 0;
	padding: 5px 0 5px 10px;
}

#listeDate ul { 
	margin: 20px 0 20px 10px;
	height:1%;
	overflow: hidden; 
}

#listeDate ul li { 
	display: inline;
	float:left; 
}

#listeDate ul li.date-image { 
	margin: 0 10px 0 0;
	width: 145px;
}

#listeDate ul li.date { 
	margin: 0 10px 0 0;
	width: 135px;
}

#listeDate ul li p.date {
	color: #fff;
	font-weight: bold;
}

#listeDate ul li.date-image img { 
	border: 1px solid #0099cc;
	display: block;
	margin: 0 0 10px;
	padding: 3px;
}

#listeDate ul li.nouvelle { 
	color: #999;
	line-height: 1.4em;
	margin: 0 10px 0 0;
	width: 329px;
}

#listeDate ul li.artistes { 
	color: #0099cc;
	line-height: 1.4em;
	margin: 0 10px 0 0;
	width: 94px;
}

#listeDate ul li.endroit { 
	color: #999;
	line-height: 1.4em;
	margin: 0 10px 0 0;
	width: 225px;
}

#listeDate ul li.nouvelle .plus, #charts .captions {
	display: none;
	height: 0;
	margin: 10px 0 0 0;
	visibility: hidden;
}

#listeDate ul li.infos { 
	color: #0099cc; 
	width: 46px;
}

#listeDate ul li.infos a, #charts td.caption a {
	background: url(../img/plus.gif) 0 3px no-repeat;
	cursor: pointer;
	display: block;
	padding: 0 0 0 10px;
	text-decoration: underline;
}

#listeDate ul li.infos a.moins, #charts td.caption a.moins {
	background: url(../img/moins.gif) 0 3px no-repeat;
}

#listeDate ul li.infos a:hover {cursor: pointer;}


#listeLiens ul { margin: 10px 0 0 10px;}

#listeLiens ul li {
	background: url(../img/fleche.gif) 0 4px no-repeat;
	color: #999;
	margin: 0 0 10px;
	padding: 0 0 0 10px;
}

#listeArtistes {
	border-bottom: 1px solid #0099cc;
	margin: 20px 0 0;
	overflow: hidden;
	padding: 0 0 10px 10px;
	width: 540px;
}

#listeArtistes li {
	background: url(../img/fleche.gif) 0 4px no-repeat;
	display: inline;
	float: left;
	margin: 0 0 10px;
	padding: 0 0 0 10px;
	width: 159px;
}

#infoArtiste, #listeAudioVideo, #infoContenu, #infoCharts {
	border-bottom: 1px solid #0099cc;
	color: #999;
	line-height: 1.6em;
	padding: 0 30px 20px 10px;
}

#infoContenu { padding: 20px 0;}

#infoCharts { padding: 20px 0; border: 0;}

#infoContenu p{ padding: 0 30px 0 10px;}

#infoArtiste span, #infoCharts span, #infoContenu span, #listeDate span { color: #0099cc; }

#infoContenu h2, h2.titre{
	border-bottom: 1px solid #0099cc;
	border-top: 1px solid #0099cc;
	color: #0099cc;
	font-size: 1em;
	font-weight: normal;
	margin: 20px 0;
	padding: 5px 0 5px 10px;
}

h2.palmares {
	background: url(../img/charts/logo_palmares.gif) center right no-repeat;
}

h2.musiqueplus, h2.musimax {
	position: relative;
}

h2.musiqueplus img {
	position: absolute;
	right: 5px;
	top: -6px;
}

h2.musimax img {
	position: absolute;
	right: 12px;
	top: -4px;
}

#infoArtiste li {
	background: url(../img/fleche.gif) 0 5px no-repeat;
	padding: 0 0 0 10px;
}

#infoArtiste p.membres { color: #ccc;}

#listeAudioVideo li {
	margin: 0 0 20px;
	overflow: hidden;
}

#listeAudioVideo embed, #listeAudioVideo object {
	width: 380px;
	height: 313px;
}

#listeAudioVideo li .pochette, #listeAudioVideo li .imgVideo {
	display: inline;
	float: left;
}

#listeAudioVideo li .pochette img, #listeAudioVideo li .imgVideo img {
	border: 1px solid #0099cc;
	margin: 0 0 5px;
	padding: 3px;
}

#listeAudioVideo li .pochette a, #listeAudioVideo li .imgVideo a {
	border: 1px solid #0099cc;
	display: block;
	padding: 5px 0;
	text-align: center;
	text-decoration: none;
}

#listeAudioVideo li .infoAudoVideo {
	margin: 0 0 0 130px;
}

#listeAudioVideo li .infoVideo {
	margin: 0 0 0 205px;
}

#listeAudioVideo li .infoAudoVideo h2, #listeAudioVideo li .infoVideo h2
{
	color: #FFF;
	font-size: 1.06em;
	font-style: italic;
	margin: 0 0 20px;
}

#listeAudioVideo li .infoVideo h2 { margin: 0 0 10px; }

#listeAudioVideo li .infoAudoVideo h2 span, #listeAudioVideo li .infoVideo h2 span { 
	font-size: 0.94em;
	font-style: normal;
	font-weight: normal; 
}

#listeAudioVideo li .infoVideo p span {
	color: #0099cc;
}

#listeAudioVideo li ul.tracks li{
	margin: 0 0 5px;
	padding: 0 0 0 15px;
}

#listeAudioVideo li ul.tracks li.mp3 {
	background: url(../img/artistes/note.gif) 0 3px no-repeat;
}

/******* Prochains spectacles ********/
#prochainsSpectacle {
	background: url(../img/background-logo.jpg) no-repeat;
	display: inline;
	float: left;
	font-size: 0.94em;
	width: 258px;
	margin-bottom: -1000px;
	padding-bottom: 1000px;
}

#prochainsSpectacle h2 {
	background: url(../fr/images/prochains-spectacles.png) no-repeat !important;
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='../img/prochains-spectacles/prochains-spectacles.png');
	height: 10px;
	margin: 354px 0 0 50px;
	width: 121px;
}

#prochainsSpectacle img {
	border: 1px solid #0099cc;
	margin: 0 0 5px;
	padding: 3px;
}

#prochainsSpectacle ul { margin: 0 0 0 50px; }

#prochainsSpectacle ul li { margin: 20px 0 0;}

#prochainsSpectacle ul li h3 {
	color: #0099cc;
	font-size: 1em;
	font-weight: normal;
	margin: 0 0 20px;
}

#prochainsSpectacle ul li .infoShow{ margin: 0 0 20px; }

#prochainsSpectacle ul li .infoShow p { 
	color: #999;
	margin: 0 0 0.5em; 
}

#prochainsSpectacle ul li .infoShow p.date { color:#ccc;  }

#prochainsSpectacle ul li .infoShow p.infos a {
	background: url(../img/petit-plus.gif) 0 4px no-repeat;
	padding: 0 0 0 8px;
}

/********* pied de page ***********/
#pied {
	background: url(../img/footer/background.jpg) no-repeat;
	clear: both;
	height: 381px;
	position: relative;
}

#pied p{
	color: #19445c;
	font-size: 0.84em;
	margin: 0 0 0 129px;
	padding: 199px 0 0;
}

#pied p#droits{
	padding: 5px 0 0 1.3em;
}

#pied a{
	background: url(../img/footer/logo-Sumo.gif) no-repeat;
	display: block;
	height: 12px;
	position: absolute;
	right: 43px;
	top: 199px;
	width: 20px;
}

/********* charts ***********/

#charts, #musiqueplus {margin: 0 10px; width: 500px;}
#charts img {float: right; padding: 0 0 0 2px;}
#charts th, #musiqueplus th {color: #fff; text-align: left;}
#charts div.dotted, #musiqueplus div.dotted {background: url(../img/bg_dotted.gif); display: block; height:1px; margin: 10px 0;}
#charts tr td.first {color: #b14c00;}
#charts tr.stitle td {color: #fff;}
#charts div.captions ul {display: inline; float: left}
#charts div.captions ul.captionsDefault {width: 165px;}
#charts div.captions ul.captionsOptions {width: 250px;}
#charts div.captions ul li {font-size: 0.9em; width: 150px;}
#charts div.captions ul li img {float: left; padding: 3px 0;}
#charts div.captions ul li span {color: #fff;}

/********* admin ***********/

.admin {
	background-color: #000000;
	border: 1px dotted #0099cc;
	color: #ffffff;
	font-size: 9px;
	margin: 0 0 5px;
	padding: 2px;
}

.admin a {
	color: #0099cc;
	display: inline;
	text-decoration: underline;
}

/**** formulaire ****/

#formMailinglist, #formTeam {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#formMailinglist a, #formTeam a {
	border: 1px solid #0099cc;
	display: block;
	float: left;
	left: 290px;
	margin: 5px 0 0 0px;
	padding: 2px 5px;
	position: relative;
	text-decoration: none;
}

#formMailinglist a:hover, #formTeam a:hover {
	background: #0099cc;
	color: #000;
}

#formMailinglist div, #formTeam div {
	border-color: #000;
	border-style: solid;
	border-width: 1px 0;
	padding: 5px 0 5px 10px;
	position: relative;
	overflow: hidden;
}

#formMailinglist p, #formTeam p {
	margin: 20px 0 10px 10px;
	padding: 0;
}

#formMailinglist div.formInfoSelect, #formTeam div.formInfoSelect {
	background: #051a2b;
	border-color: #0099cc;
}

#formMailinglist div label, #formTeam div label {
	position: absolute;
	top: 4px;
	width: 270px;
}

#formMailinglist div input, #formTeam div input, #formTeam div select {
	border: 1px solid #000;
	display: block;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 1em;
	margin-left: 280px;
	position: relative;
	width: 200px;
}

#formTeam formInfodiv.formInfoSelect input, #formTeam div.formInfoSelect select {
	border: 1px solid #0099cc;
}