/*
Name: PREDASTER webradio Antimattraquage
URL: http://www.predaster.com
Description: Feuille de style su site PREDASTER
Version: 0.1
Author: Patrice LAROCHE
 
Creation Theme by Patrice LAROCHE || http://www.patrice-portfolio.com
 
*/

/*general*/
body {
	margin : 0px ; 
	padding : 0px ; 
	text-align : left;
	background-position:top center;
	font-family : arial; 
	font-size : 11px;
	background:#740f11 url(../images/commun/background-predaster.jpg) repeat-x;
}

h1{
	text-indent: -10000px;
	margin: 0;
	padding: 0;
	font-size:12px;
}

h2{
	margin:0px;
	padding:10px;
	font-size:16px;
	text-align:center;
}

h4{
	margin-left:10px;
	font-size:14px;
	text-align:left;
}

#infolegal p{
	margin-left:10px;
	width:800px;
	text-align:justify;
}

a{
	text-decoration: underline;
	color: #000000;
}

a:hover{
	text-decoration: none;
	font-weight:bold;
	color: #740f11;
}

img { border: 0; }
/*------------------------------------------------------*/

/*corps site*/
#site{
	width : 1282px;
	height :auto;
	position:absolute;
	background:url(../images/commun/back.jpg) no-repeat ;
}

#corpsSite{
	width : 825px;
	height :auto;
	margin-left:230px;
	position:relative;
}

#header{
	width : 825px;
	height :206px;
	background:url(../images/commun/back-header.jpg) no-repeat ;
	position:relative;
}

#header p{
	padding-top:3px;
	color:white;
	background-color:black;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	height:18px;
	width:200px;
}

#corpsContenu{
	width : 825px;
	height :auto;
	min-height:400px;
	background:#e6e6e7 url(../images/commun/fond-corps.jpg) repeat-x ;
	position:relative;
}

#corpsGauche{
	float: left;
	margin-left:20px;
	width: 550px;
}

#corpsDroite{
	width: 220px;
	height: auto;
	float: left;
}

#footer{
	width : 916px;
	height :88px;
	margin-left:182px;
	background:#740f11 url(../images/commun/back-footer.jpg) no-repeat;
	position:relative;
	text-align:center;
}

#footer p{
margin-right:80px!important;
margin-right:40px;
text-align: right;
font-size: 1em;
padding: 10px 10px 10px 0;
background-color:#e6e6e8;
width:300px;
border: 2px solid #740f11;
float:right;
}

dt, dl, dd, ul, li {
list-style-type: none;
margin: 0 0px 0 0;
padding: 0;
}

#menu {
	width : 824px;
	height :32px;
	margin: 0 auto;
	position:relative;
	background-color:#000000;
	text-align:left;
	z-index:100;
	border: 1px solid #e0c87e;
	background:url(../images/menu/fond-menu.png) repeat-x;
}
#menu dl {
float: left;
}
#menu li {
display: inline;
}
#menu li a {
text-decoration: none;
color: #770a53;
}
#menu a:hover{
text-decoration: none;
color: #dd6ea8;
}
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7, #smenu8 {
position: absolute;
font-size: 14px;
font-weight:bold;
}

/*------------------------------------------------------*/

/*----------------------------------------------------------------- index --------------------------------------------------------------------*/
#featureWrapper {
	float: left;
	width: 600px;
	height: 250px; 
	background: url(../images/featureWrapper.gif) no-repeat;
	display: inline;
	margin-left:-25px;
	}

#fW_Content {
	float: left;
	width: 550px;
	height: 233px;
	margin: 0 25px;
	display: inline;
	overflow: hidden;
	}
	
#fW_Content img {
	width: 550px;
	height: 233px;
	}

#fW_Controls {
	float: right;
	width: 120px;
	height: 42px;
	margin: 10px 20px 0 0;
	display: inline;
	}
	
#fW_Controls a { 
	
	float: left;
	width: 30px; 
	height: 24px;
	padding-top: 8px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background: url(../images/btnFeatureHover.gif) no-repeat;
	}
	
#fW_Controls a.activeSlide,
#fW_Controls a:hover {
	color: #949490;
	background-position: 0 -28px;
	}
	
.imgTopPredaster{
	padding: 0px 5px 0px 5px;
	width: 30px;
	height: 30px;
	float: left;
}

.pTopPredaster{
	font-size:12px;
	padding:5px 0px 0px 0px;
	height: 35px;
	width:180px;
	text-align:left;
}

.encartptop{
	width: 180px;
	background:#f6e6b5 url(../images/commun/fond-fenetre.jpg) repeat-x;
	z-index: 9;
}

.bleuptop{
	width: 180px;
	height: auto;
	float: left;
	background:#f6e6b5 url(../images/commun/fond-top-bleu.jpg) no-repeat;
	border: 2px solid #4ecbd3;
	text-align:center;
	margin-top:20px;
	z-index: 20;	
}


.titleActu{
	width: 340px;
	height: auto;
	background:#f6e6b5 url(../images/commun/fond-top-rouge.jpg) no-repeat;
	border: 2px solid #730f11;
	text-decoration:none;
}

.titleActu h2 a{
	color: #d1d1d1;
	font-size : 14px;
}

.encartActu{
	width: 340px;
	height: auto;
	background:#f6e6b5 url(../images/commun/fond-fenetre.jpg) repeat-x;
}

.imgActu{
	padding: 7px 5px 0px 0px;
	width: 50px;
	height: 52px;
	float: left;
}

.pActu{
	font-size:12px;
	margin-left:10px;
	text-align:justify;
}

.pActu  a{
	text-decoration: none;
	color: #ffffff;
}

.pActu  a:hover{
	text-decoration: none;
	color: #dd6ea8;
}	
	
/*------------------------------------------------------*/


/*----------------------------------------------------------------- contact --------------------------------------------------------------------*/
form {
	margin-left: 20px;
	}
fieldset {
	width: 500px;
	border: 1px solid #750406;
	text-align:left;
	}
legend {
	margin: 10px;
	padding: 5px;
	color: #000;
	text-align:left;
	}
input {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	width:230px;
	color: #494949;
	background: #f4f4f4;
	border: 1px inset #4D0406;
	padding-left: 1px!important;
	margin-left: 10px;
}

textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	width:500px;
	color: #494949;
	background: #f4f4f4;
	border: 1px inset #4D0406;
	padding-left: 1px!important;
	margin-left: 10px;
}

input:hover, textarea:hover {
	background: #ccc;
}
.submit {
	background: #ccc;
	color: #131313;
	width: 150px;
	border: 1px solid #4D0406;
}
.submit:hover {
	background: #999;	
	color: #f2f2f2;
}
/*------------------------------------------------------------*/

/*----------------------------------------------------------------- encart --------------------------------------------------------------------*/
.encart{
	width: 220px;
	background:#f6e6b5 url(../images/commun/fond-fenetre.jpg) repeat-x;
	z-index: 9;
}

.vert{
	width: 220px;
	height: auto;
	float: left;
	background:#f6e6b5 url(../images/commun/fond-top-vert.jpg) no-repeat;
	border: 2px solid #acd506;
	text-align:center;
	margin-left:20px;
	margin-bottom:20px;
	z-index: 20;
}

.bleu{
	width: 220px;
	height: auto;
	float: left;
	background:#f6e6b5 url(../images/commun/fond-top-bleu.jpg) no-repeat;
	border: 2px solid #4ecbd3;
	text-align:center;
	margin-left:20px;
	margin-bottom:20px;
	z-index: 20;	
}

.rose{
	width: 220px;
	height: auto;
	float: left;	
	background:#f6e6b5 url(../images/commun/fond-top-rose.jpg) no-repeat;
	border: 2px solid #d34ea7;
	text-align:center;
	margin-left:20px;
	margin-bottom:20px;
	z-index: 20;
}

.encartop{
	width: 480px;
	background:#f6e6b5 url(../images/commun/fond-fenetre.jpg) repeat-x;
	z-index: 9;
}

.titretop{
	width: 480px;
	height: auto;
	float: left;
	background:#f6e6b5 url(../images/commun/fond-top-rose.jpg) no-repeat;
	border: 2px solid #d34ea7;
	text-align:center;
	margin-left:30px;
	margin-bottom:20px;
}

.encartecoute{
	background:#f6e6b5 url(../images/commun/fond-fenetre.jpg) repeat-x;
	text-align:justify;
	margin-bottom:10px;
	padding:5px 5px 5px 5px;
}

.titrecoute{
	width: 700px;
	height: auto;
	float: left;
	background:#f6e6b5 url(../images/commun/fond-top-vert.jpg) repeat-x;
	border: 2px solid #acd506;
	text-align:center;
	margin-left:30px;
	margin-bottom:20px;
}

.rang{
	width: 25px;
	float: left;
	text-align: center;
}

.imgtop{
	width: 15px;
	float: left;
	text-align: center;
}

.desctop{
	width: 180px;
	float: left; 
	text-align: left;
	margin-left: 10px;
}

.encartclip{
	width: 425px;
	height: auto;
	float: left;
	background:#f6e6b5 url(../images/commun/fond-top-bleu.jpg) no-repeat;
	border: 2px solid #4ecbd3;
	text-align:center;
	margin-left:20px;
	margin-bottom:20px;
}

.encartfclip{
	width: 425px;
	background:#f6e6b5 url(../images/commun/fond-fenetre.jpg) repeat-x;
	z-index: 9;
}

.encartclipc{
	width: 300px;
	height: auto;
	float: left;
	background:#f6e6b5 url(../images/commun/fond-top-rose.jpg) no-repeat;
	border: 2px solid #d34ea7;
	text-align:center;
	margin-left:20px;
	margin-bottom:20px;
}

.encartfclipc{
	width: 300px;
	background:#f6e6b5 url(../images/commun/fond-fenetre.jpg) repeat-x;
	z-index: 9;
}

/*------------------------------------------------------------*/



/*sortie cd*/
.corpsGCD{
	background:#f6e6b5 url(../images/commun/fond-top-vert.jpg) no-repeat;
	border: 2px solid #acd506;
	width: 390px;
	height: auto;
	float: left;
	margin-left:10px;
	padding-bottom: 20px;
	text-align:center;
}

.corpsDCD{
	background:#f6e6b5 url(../images/commun/fond-top-bleu.jpg) no-repeat;
	border: 2px solid #4ecbd3;
	width: 390px;
	height: auto;
	float: left;
	margin-left:20px;
	padding-bottom: 20px;
	text-align:center;
}

.dateCD{
	width: 390px;
	background-color:#acd506;
	color:#000000;
}

.dateCDb{
	width: 390px;
	background-color:#4ecbd3;
	color:#000000;
}

.blocCD{
	color:#000000;
	font-size:12px;
	margin:0px 0px 5px 10px;
	width:180px;
	text-align:left;
	float:left;
}

.imgCD{
	padding-right:5px;
	width: 50px;
	height: 50px;
	float:left;
}
/*------------------------------------------------------*/

/*hall des artist*/
.titleartist{
	margin-left: 4px;
	width: 400px;
	height:45px;
	background:url(../images/commun/fond-top-rouge.jpg) no-repeat;
	color: rgb(209, 209, 209);
	font-size : 20px;
	color:#d1d1d1;
	text-align:right;
	text-decoration:none;
	border-left: 1px solid #C6D5FC;
	border-right: 1px solid #C6D5FC;
}


.corpsartist{
	margin-left: 4px;
	width: 400px;
	height:auto;
	font-size : 12px;
	background:#f6e6b5 url(../images/commun/fond-fenetre.jpg) repeat-x;
	text-decoration:none;
	border-left: 1px solid #C6D5FC;
	border-right: 1px solid #C6D5FC;
}

.imgartist{
	border: 3px ridge #5c0201;
}

.titledisco{
	width: 400px;
	height:18px;
	background:url(../images/commun/fond-top-rouge.jpg) no-repeat;
	font-size : 14px;
	color:#d1d1d1;
	text-align:left;
	text-decoration:none;
}

.p_disco{
	width:380px;
	text-align:justify;
	font-size:12px;
	margin:0px 10px 0px 10px; 
}

.footerartist{
	margin-left: 4px;
	width: 400px;
	height:18px;
	background:url(../images/commun/fond-top-rouge.jpg) no-repeat;
	color: rgb(209, 209, 209);
	font-size : 11px;
	color:#d1d1d1;
	text-align:right;
	text-decoration:none;
	border-left: 1px solid #C6D5FC;
	border-right: 1px solid #C6D5FC;
	border-bottom: 1px solid #C6D5FC;
}

.titledesc{
	width: 220px;
	height:18px;
	background:url(../images/commun/fond-top-rouge.jpg) no-repeat;
	font-size : 14px;
	color:#d1d1d1;
	text-align:left;
	text-decoration:none;
}

/*------------------------------------------------------*/