body {
	margin:0pt;
	padding:0pt;
	text-align:center;
	background: #47420A url(../images/page_bg.jpg) repeat-x top;
	margin-top: 17px;
}

a:visited{
	color: #FFFFFF;
}

a:hover{
	color: #559D4A;
}

a:visited{
	color: #333333;
}

#wrapper{	
	text-align:left;
	color: #333333;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	height:100%;
	
	margin:0pt auto;
	padding:0pt;
	position:relative;
	width:954px;
	
}

.ContentWrapper{
	margin:0pt auto;
	width:100%;
	background-color:#F7F5C5;
	height:100%;
	float:left;
}

#headerPage{
	width:100%;
	float:left;
}

#headerPage1{
	background:url(../images/logo_slice.jpg) no-repeat ;
	height:101px;
	width:954px;
	float:left;
}

#bannerAdsNormal{
	height:60px;
	width:468px;
	float:left;
	padding-top:20px;
}

#headerPage2{
	background:url(../images/search_slice.jpg) no-repeat ;
	height:120px;
	width:954px;
	float:left;
}
#headerMenus{
	background: #FFFFFF;
	width:1000px;
	/*height:135px;*/
}
.NavigationZone{	
	margin:0 auto;
	padding-top:3px;
	padding-bottom:3px;
	float:left;
	width:100%;
	text-align:center;
	border-top: 1pt SOLID #B5B5B5;
	background-color: #F9F9F9;
}

.titreMenuGenre{
	font-size:16px;
	font-family:Tahoma;
	font-weight:bold;
	text-align:center;
}

/* Main Menu */
* { margin: 0; padding: 0; }
ul, ol { list-style: none; }

.menu {
	list-style-type: none;
	width: 100%;
	float:left;
}

.menu ul {

}
.menu li { 
	width: 76px;
	float:left;
	text-align:center;
	padding-left:15px;
	padding-bottom:15px;
}
.menu li a { 
	background: url(../images/top_menu_bg_btn.gif);
	color: #FFFFFF;
	display:block;
	font-family:"Tahoma",Verdana,Helvetica,sans-serif;
	font-size:14px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	text-decoration:none;
	line-height:22px;
}
.menu li a:hover {
	background: url(../images/top_menu_bg_btn_hover.gif) repeat-x scroll left center;
	color:#161404;
	text-decoration:none;
}


*html .menu li a:visited {
	color:#FFFFFF;
}

#home{
	margin-top:67px; 
	margin-left:10px; 
	width:103px;
	height:46px;
	float:left;
	cursor:pointer;
}
#news{
	margin-top:67px; 
	width:100px;
	height:46px;
	float:left;
	cursor:pointer;
}
#contact{
	margin-top:67px; 
	width:98px;
	height:46px;
	float:left;
	cursor:pointer;
}
#leftZoneLogo{
	cursor:pointer;
	float:left;
	height:60px;
	margin-top:28px;
	margin-left:16px;
	width:266px;
}

#rightZoneMenuSearch{
	float:left;
	padding:15px 0px 0px 15px;
	width:100%;
}

#rightZoneMenuSearch label{
	line-height: 30px;
}

#rigthMenuSearch{
	float:right;
	width:326px;
	text-align:right;
	color:#FFFFFF;
}

#rigthMenuSearch .Search_Input{
	width:100px;
}

#ZoneMenuArtist{
	float:left;
	width: 576px;
}

#rightMenuArtist{


}

.contenueMenuArtist{
	float:left;
	margin-top:20px;
	margin-left:12px;
	margin-right:12px;

}

*html .contenueMenuArtist{
	float:left;
	margin-top:20px;
	margin-left:0px;
	margin-right:0px;

}

.contenuePageArtist{
	float:left;
	width:828px;
	margin-top:13px;
}

*html .contenuePageArtist{
	margin-left:-16px;
	margin-right:-14px;
	width:843px;
}

.SkyScraperBanner{
	width:auto;
	margin-top:16px;
	padding-right:6px;
	float:right;
}


.contenuePageContact{
	margin-left: 270px;
}
.photoMenuAtist{
	padding:3px;
	border:1px solid #4A5F00;
	background-color:#B7C240;
}

.PhotoArtistPage{
	padding:3px;
	border:1px solid #006600;
	float:left;
	margin:3px;

}

.adsZoneArtistPage{
	margin:3px;
	text-align:center;
	height:90px;
	padding-top:11px;
}

.ArtistInfoBanner{
	float:left;
	width:122px;/*
	width:100%;*/
	background-color:#FFFFFF;
	padding-left:10px;
	padding-top:11px;
}
*html .ArtistInfoBanner{
	padding-left:6px;
}
.ArtistInfoPhoto{
	float:left;
	margin:15px;
	margin-top:4px;
	margin-bottom:4px;
	width:108px;
	height:160px;

}

.infoMenuArtiste{
	text-align:center;
	width:100%;
}

.infoMenuArtiste a{
	text-decoration:none;
}

.infoMenuArtiste h1{	
	color:#AE791B;
	font-family:"Trebuchet MS",Tahoma,Arial;
	font-size:110%;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin:0px 0px 2px;
	font-weight:bold;
	white-space:nowrap;
}

.infoMenuArtiste h2{

	text-align:center;	
	color:#666666;
	font-family:"Trebuchet MS",Tahoma,Arial;
	font-size:100%;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin:0px 0px 2px;
}

.infoMenuArtiste h3{
	text-align:center;	
	color: #B4C556;
	font-family: Tahoma,Arial;
	font-size:80%;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin:0px 0px 2px;
}

#ZoneLatestMp3s{
	float:left;



}

#rightMenuLatestMp3s{
	width:194px;
	background-color:#1B222C;

}

.titleMenuLatestMp3s, .titlePageGenre, .titlePageTriAlpha, .titlePageArtiste, .titlePageActualites, .titlePageSearch{
	font-size:16px;
	font-family:Tahoma;
	font-weight:bold;
	text-align:center;
	background-color:#CAD587;
	border-bottom: 1pt solid #000000;
	padding-bottom: 3px;
	height:20px;
	float:left;
	width:100%;
}

.contenueMenuLatestMp3s ul{

	list-style-type:none;
	margin:5px 0pt;
	padding:0pt;

}

/* ------Debut-------- Latest mp3s ------------*/
#mp3sTable{
	width: 100%;
}

.ecouterPlayList{
	line-height:30px;
	font-weight:bolder;
	color: #333333;
	text-align:center;
}


.MenuLatestNewReleases{
	list-style-type: none;
	margin: 0px;
	padding: 0;
	width: 194px;
	border-bottom-width: 0;
}
.MenuLatestNewReleases li a{
	background: #273443 url(../images/play_icon.png) no-repeat right;
	font: bold 11px "Tahoma", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: white;
	display: block;
	width: auto;
	padding: 3px 0;
	margin-bottom:1px;
	padding-left: 10px;
	text-decoration: none;

}


* html .MenuLatestNewReleases li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
	width: 194px;
}

.MenuLatestNewReleases li a:visited, .MenuLatestNewReleases li a:active{
	color: white;
}

.MenuLatestNewReleases li a:hover{
	background: #AAB7C4 url(../images/play_icon.png) no-repeat left;
	padding-left:16px;
	color:#1B222C;
}
/* ------Fin-------- Latest mp3s ------------*/


/* ------Debut-------- List mp3s Table ------------*/
th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica,
	sans-serif;
	color: #5B6508;
	border-right: 1px solid #D5DAA6;
	border-bottom: 1px solid #D5DAA6;
	border-top: 1px solid #D5DAA6;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(../images/bg_header.jpg) no-repeat;
}
th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #D5DAA6;
	background: none;
}

th.spec {	
	border-left: 1px solid #D5DAA6;
	border-top: 0;
	/*background: #fff url(../images/bullet1.gif) no-repeat;*/
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica,
	sans-serif;
}

th.specalt {
	border-left: 1px solid #D5DAA6;
	border-top: 0;
/*	background: #f5fafa url(../images/bullet2.gif) no-repeat;
*/	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica,
	sans-serif;
	color: #B4AA9D;
}
#mp3sTable td {
	border-right: 1px solid #D5DAA6;
	border-bottom: 1px solid #D5DAA6;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #6C7333;
}


td.alt {
	background: #EEFFCE;
	color: #AAB474;
}

#mp3sTable .alt a{
	color:#AAB474;
}

#mp3sTable a{
	color:#5B6508;
}

#mp3sTable a:hover{
	color: #559D4A;
}

/* ------Fin-------- List mp3s Table ------------*/


#ZoneMenuActu{
	float:left;
	width:377px;
}

*html #ZoneMenuActu{
	float:left;
	width:371px;
}

#rightMenuActu{


}
.titleMenuActu{
	width:auto;
	height: 16px;
	padding:4px;
	color:#2D2808;
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:1px;
	text-align:right;
	background-color: #C5D082;
	border-bottom: 1px Solid #3C3809;
	border-right: 1px Solid #3C3809;

}

.contenueMenuActu{
}

.textMenuActu {
float:left;
height:85px;
margin-top:6px;
width:279px;
}

.textMenuActu h1{
	font-size:11px;
	font-family: Tahoma;
	color:#282828;
	text-transform: uppercase;
}

.textMenuActu a{
	font-size:11px;
	font-family: Tahoma;
	font-weight:bold;
	text-transform: uppercase;
	color:#282828;
	text-decoration:underline;
}

.textMenuActu div{
	text-align:right;
	width:auto;
}

.textMenuActu div a{
	font-size:11px;
	font-family: Tahoma;
	color: #006600;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
}

.textMenuActu p{
	font-size:11px;
	font-family: Tahoma;
	color:#282828;
	margin:0px;
}

.photoMenuActu{
	width: 80px;
	height: 80px;
	border: 1pt solid #333333;
	float:left;
	margin: 8px;
}

#pageArtiste{
	/*width:1000px;*/
	background-color:#F7F5C5;
	float:left;
	width:100%;
}

.photoPageArtiste{

}

.ArtistSquare {
	background-position:center;
	width:100px; 
	height:100px;
	cursor:pointer;
}

.ActuSquare{
	background-position:center;
	width:80px; 
	height:80px;
	cursor:pointer;
}

.contenuePageArtiste{
	float:left;
	width:822px;
	/*width:100%;*/
	background-color:#FFFFFF;
}

 .contenuePageSearch{
	float:left;
	width:822px;
	background-color:#FFFFFF;
	padding-top:16px;
}

#pageSearch{
	background-color:#FFFFFF;
	float:left;
	width:100%;
}

#pageActualites{
}

.titlePageActualites{

}

.photoPageActualites{

}

.contenuePageActualites{
	margin:0 auto;
	float:left;
	width:100%;
	background:#F9F9F9;
}

#pageGenre, #pageArtisteTriAlpha{
	float:left;
	width:100%;
	background-color:#F9F9F9;

}


.contenuePageGenre{


}

#MenuAlphabe{
	margin:0pt auto;
	height:30px;
	text-align:left;
}


.titleMenuAlphabe{


}

.contenueMenuAlphabe{


}

/* ------Debut-------- PAGINATION ------------*/
.pagination{
	float:left;
	padding-top: 6px;
	padding-bottom: 6px;
	width:100%;
	border-bottom: 1pt solid #EBE9B8;
	margin:0pt auto;
	clear:both;
	text-align:center;
	background:#F9F9F9;
}

.pagination ul{
	margin: 0;
	padding: 0;
	text-align: left; /*Set to "right" to right align pagination interface*/
	text-align:center;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
}

.pagination li{
	list-style-type: none;
	display: inline;
	padding-bottom: 1px;
	background-color: #D6E0E8;
}

.pagination a, .pagination a:visited{
	padding: 0 5px;
	border: 1px solid #9aafe5;
	text-decoration: none; 
	color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
	border: 1px solid #2b66a5;
	color: #000;
	background-color: #CCCCCC;
}

.pagination a.currentpage{
	background-color: #2e6ab1;
	color: #FFF !important;
	border-color: #2b66a5;
	font-weight: bold;
	cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
	background-color: white;
	cursor: default;
	color: #929292;
	border-color: #929292;
	font-weight: normal !important;
}

.pagination a.prevnext{
	font-weight: bold;
}
/* ------Fin-------- PAGINATION ------------*/



/* ------Debut-------- Genre ------------*/

#MenuGenre{
	float:left;
	margin:0pt auto;
	width:90%;
	margin-left:15px;
}

.contenueMenuGenre{
	width:700px;
	float:left;
}

.glossymenu ul{/*
	list-style-position: inside;
	list-style-type:disc;
	margin:0pt;
	padding:0pt;*/
	list-style: disc;
}

.glossymenu li {
	display:inline;
	list-style: disc;
}


.glossymenu li a{/*
	background-color:#F2F2F2;
	border:1px solid #282828;*/
	color:black;
	float:left;
	font-family:Arial;
	font-size:12px;
	width: 110px;
	background: url("../images/bullet.jpg");
	background-repeat:no-repeat;
	background-position:left;
	padding-left:18px;
	line-height:18px;
}

* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
	width: 110px;
}

.glossymenu li a:visited, .glossymenu li a:active{
	color: #000000;
}

.glossymenu li a:hover{
	text-decoration:underline;
	color: #A75710;
}
/* ------Fin-------- Genre ------------*/


/* ------Debut-------- Alpha Menu ------------*/
.invertedshiftdown2 a:hover{
	background-color: #FFAF22; /*Highlight red color theme*/
	color: white;
}
.invertedshiftdown2 a:visited{
	color: black;
}

.invertedshiftdown2{
	/*padding-right: 372px;*/
	width: 100%;
	background: transparent;
	float:left;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin: 0 auto;
}

.invertedshiftdown2 #alphatitle{
	display: inline;
	padding: 0;
	text-transform: none;
	float: left;
	display: block;
	font: bold 12px Arial;
	color: black;
	margin: 1px 1px 0 0; /*Margin between each menu item*/
	padding: 3px 5px 2px 0px; /*Padding within each menu item*/
	/*padding: 6px 5px 4px 5px; Padding within each menu item*/
}

.invertedshiftdown2 ul{
	margin:0;
	 /* margin-left: 40px; /*margin between first menu item and left browser edge*/
	padding: 0;
	list-style: none;
}

.invertedshiftdown2 li{
	display: inline;
	margin: 0 2px 0 0;
	padding: 0;
	text-transform:uppercase;
}

.invertedshiftdown2 a{
	float: left;
	display: block;
	font: bold 12px Arial;
	color: black;
	text-decoration: none;
	margin: 1px 1px 0 0; /*Margin between each menu item*/
	padding: 2px 5px 2px 5px; /*Padding within each menu item*/
	/*padding: 6px 5px 4px 5px; Padding within each menu item*/

	background-color: #F2F2F2; /*Default menu color*/
	border: 1px solid #282828;
	border-bottom: 1px solid #282828;
}

.invertedshiftdown2 a:hover{
	background-color: #FFF491; /*Highlight red color theme*/
	padding-top: 2px; /*Set padding-top value to default's padding-top + padding-bottom */
	padding-bottom: 2px; /*Set padding-bottom value to 0 */
	border-bottom-color: #282828; /*Highlight red color theme*/
	color: #FF0000;
}

.invertedshiftdown2 .current a{ /** currently selected menu item **/
	background-color: #FF5A09; /*Highlight red color theme*/
	padding-top: 2px; /*Set padding-top value to default's padding-top + padding-bottom */
	padding-bottom: 2px; /*Set padding-bottom value to 0 */
	/*border-top: 2px solid #282828;*/
	border-bottom: 1px solid #282828;
	color: white;0
}


/* ------Fin-------- Alpha Menu ------------*/


/* ------Debut-------- formulaire ------------*/

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

/* ------Fin-------- formulaire------------*/

#footer{
	background: #F7F5C5 url("../images/bg_footer.gif") no-repeat bottom;
	width:100%;
	float:left;
	margin-bottom:20px;
}

#LeaderBoardAd{	
	margin:0 auto;
	padding-top:3px;
	padding-bottom:3px;
	height:120px;
	width:728px;
}