
/*Disposition des blocs*/


#page {
margin: auto;
width:1142px;
background-image: url(../images/deco_site/degrade.jpg);
padding-bottom:20px;
}

	#header {
		margin:auto;
		width:946px;
		height:190px;
		background-image: url(../images/deco_site/bandeau.jpg);
		 
	}
	
			
			
			#logo {
				width:235px;
				height:145px;
				text-align: right;
				padding-right:20px;
				color: #ffffff;
				float:left;
				margin-top:38px;
			}
			
			#newsletter {
				padding-top:20px;
				width:173px;
				height:60px;
				text-align:right;
				padding-right:20px;
				color: #ffffff;
				float:right;
				margin-left:10px;
			}
			
				
			
	#menu {
	margin:auto;
		width: 946px;
		height: 101px;
	}
	

			#menuprincipal {
				width:946px;
				height:30px;
				background-color:#170000;
				border-bottom:1px solid white;

			
				
			}
			
			#sousmenu {
				width:946px;
				height:71px;
				clear:both;
				background-image: url(../images/deco_site/nav_2.jpg);
				background-position:top;
				background-color:#660032;
				}
			
			#sousmenu_prog {
					width:946px;
					height:71px;
					clear:both;
					background-image: url(../images/deco_site/nav_2.jpg);
			}

	#middle {
	margin:auto;
		width:946px;
		background-color:#ffffff;
	}
	
			#badge {
				width:120px;
				height:155px;
				float:left;
				margin-left:2px;
			}
			#left_middle {
				float:left;
				width:500px;
				background-color:#ffffff;
			
			}
			
					#haut_contenu {
						width:397px;
						height:66px;
						background: url(../images/deco_site/haut_contenu.jpg) no-repeat;
						padding-left:72px;
						padding-top:27px;
					}
							
							#type_contenu {
							width:385px;
							height:24px;
							border-bottom:1px solid black;
							padding-top:3px;
							}
					
					#contenu {
					width:411px;
					background: url(../images/deco_site/fond_contenu.png);
					margin-left: 16px;
					padding-left:20px;
					padding-right:20px;
					}
					
					#contenu_playlist {
					width:450px;
					background: url(../images/deco_site/fond_contenu.png);
					}
					
					#contenu_admin {
					width:811px;
					background: url(../images/deco_site/fond_contenu.jpg);
					padding:16px 16px 16px 16px;
					margin-left:20px;
					margin-top:20px;
					}

					
					#bas_contenu {
					width:441px;
						height:64px;
						background:url(../images/deco_site/bas_contenu.jpg) no-repeat;
						margin-left: 16px;
						text-align:right;
						padding-right:10px;
					}
					
			#right_middle {
				float:right;
				width:314px;
				background-color:#ffffff;
			}
			

			
			#right_middle h3 {
				text-align:center;
				color:white;
			}
			

					#bloc1 {
						width:279px;
						height:223px;
						margin-bottom:20px;
						margin-left:2px;
 						padding-top:20px;
					}
					
					
					div#SlideProg {
						width:279px;
						height:223px;
						position:relative;						
						overflow:hidden;
					}
					
				div#cadreSlideProg {
 						background-image: url(../images/deco_site/cadre_photo.png);
						background-repeat: no-repeat;
						width:279px;
						height:223px;
						position:absolute;
						top:0;
						left:0;
						overflow:hidden;
					}
				div.artiste {							
					position:absolute;
					top:21px;
					left:28px;
					width:225px;
					height:140px;
				}				
				div.artiste img{						
					position:absolute;
					top:0;
					left:0;
					width:225px;
					height:140px;
				}				
				
				div.infosArtiste {						
 					position:absolute;
					top:163px;
					left:30px;
					width:222px;
					height:140px;
				}	
					
					
				p.artiste {
					position:absolute;
					top:0;
					left:0;
					width:110px;
					color:#ffffff;
				}	
					
				p.style {
					position:absolute;
					top:0;
					right:0;
					width:110px;
					text-align:right;
					float:right;
					color:#ffffff;
				}
				
				#slider1 {
					position:absolute;
					left:0;
				}
				#slider2 {
					position:absolute;
					left:0;
				}
				
				
				
				
				
					
					#bloc2 {
						width:267px;
						height:69px;
						margin-bottom:20px;
						margin-left:10px;
						
					}
					
					#bloc3 {
						width:247px;
						height:200px;
						margin-bottom:20px;
						margin-left:10px;
						
					}
					
					#prog_matin {
						width:166px;
						background: url(../images/deco_site/fond_prog_matin.jpg);
						padding:0px 5px 10px 10px;
						margin-left:20px;
					}
					
					#haut_matin {
					width:181px;
					height:19px;
					background: url(../images/deco_site/haut_matin.png) no-repeat;
					margin-left:20px;
					}
					
					#bas_matin {
					width:181px;
					height:17px;
					background: url(../images/deco_site/bas_matin.png) no-repeat;
					margin-left:20px;
					}
					
					#haut_aprem {
					width:224px;
					height:28px;
					background: url(../images/deco_site/haut_aprem.png) no-repeat;
					margin-left:20px;
					}
					
					#bas_aprem {
					width:224px;
					height:22px;
					background: url(../images/deco_site/bas_aprem.png) no-repeat;
					margin-left:20px;
					}
					
					
					
					#prog_aprem {
						width:209px;
						background: url(../images/deco_site/fond_prog_aprem.jpg);
						margin-left:20px;
						padding:0px 5px 10px 10px;
					}
					
					#haut_aprem {
					width:224px;
					height:28px;
					background: url(../images/deco_site/haut_aprem.png) no-repeat;
					margin-left:20px;
					margin-top:10px;
					}
					
					

					#bas_aprem {
					width:224px;
					height:22px;
					background: url(../images/deco_site/bas_aprem.png) no-repeat;
					margin-bottom:20px;
					margin-left:20px;
					}
					
					
					
					#prog_soir {
						width:194px;
						margin-left:1px;
						background: url(../images/deco_site/fond_prog_soir.png);
						padding:0px 5px 10px 10px;
						margin-left:21px;
						
					}
				
					
					
					#haut_soir {
					width:211px;
					height:13px;
					background: url(../images/deco_site/haut_soir.png) no-repeat;
					margin-left:20px;
					}
					
					#bas_soir{
					width:210px;
					height:22px;
					background: url(../images/deco_site/bas_soir.png) no-repeat;
					margin-left:20px;
					margin-bottom:20px;
					}
					
					
			#clear_middle {
				clear:both;
			}
	    	
    #footer {
		margin:auto;
		width:946px;
		height:84px;
		margin-top: 20px;
		background-color:#ffffff;
	}
	
			#liens_footer {
				width: 430px;
				padding-top:38px;
				padding-left:100px;
				float:left;
			}
			
			#partenaires {
				width:280px;
				height:84px;
				margin-right:70px;
				float:right;
				text-align:center;
				font-family:Arial;
				font-size:13px;
				color:#791f4b;
				font-weight:bold;
			}
			
				div#SlidePartenaire {
					width:280px;
					height:84px;
					position:relative;						
					overflow:hidden;
					}
					
				
				div.partenaires {	
					display:inline;
					float:left;	
					position:relative;
					top:0px;
					left:0px;
					width:28px;
					height:50px;
				}				
					
				
				#sliderP {
					position:relative;
					left:0;
				}
			
			
/*Contenu*/		
#texte_news p{
font-family:Arial,verdana,sans-serif;
font-size:12pt;
color:#061f03;
}
#texte_news {
padding-bottom:20px;
margin-top:5px;
}

#left_middle h2{
font-family:Arial,verdana,sans-serif;
font-size:14pt;
color:#061f03;
}

#photo_defile {
float:left;
}
#artiste_defile {
width:90px;
margin-top:-60px;
margin-left:30px;
float:left;
color:white;
font-size:10pt;

}

#style_defile {
width:90px;
float:right;
margin-top:-60px;
margin-right:30px;
color:white;
font-size:10pt;
}

h3 {
font-family:arial,verdana,sans-serif;
text-align:left;
font-size:18px;
}
.gros_titre {
font-size:20pt;
color:#660032;
}

.date {
font-size:10pt;
color:#660032;
}

#contenu h3 {
font-size:18pt;
color:#660032;
text-align:left;
font-family:arial,verdana,sans-serif;
}

#contenu h3 a {
font-size:18pt;
color:#660032;
text-align:left;
font-family:arial,verdana,sans-serif;
}

a{
text-decoration:none;
color:#ffffff;
font-family:Arial,verdana, sans-serif;
font-size:15px;
}
a:link,a:active,a:visited, a:hover{
text-decoration:none;
color:#ffffff;
font-family:Arial,verdana, sans-serif;
font-size:15px;
}



#menuprincipal ul li{
float:left;
}

#footer ul li{
float:left;
}
#menuprincipal ul li a:link,a:active,a:visited{
font-size:15px;
text-align:center;
}
#menuprincipal li a:hover{
background-color:#660032;
font-size:15px;
height:23px;
text-align:center;
}

#menuprincipal li a{
display:block;
padding:7px 20px 0px 20px;
height:24px;
color:#ffffff;
font-family:Arial,verdana,sans-serif;
border-right:1px solid white;
text-align:center;
}

#menuprincipal li ul li a{
display:block;
padding:0px 20px 0px 20px;
height:14px;
color:#ffffff;
font-family:Arial,verdana,sans-serif;
border-right:1px dotted white;
text-align:center;
}

#menuprincipal li ul li a:hover{
font-size:15px;
height:14px;
text-align:center;
}

.active {
background-color:#660032;
height:31px;
}

#liens_footer li a{
display:block;
background-color:#ffffff;
padding:0px 5px 5px 5px;
height:10px;
font-family:Arial,verdana,sans-serif;
font-size:11px;
font-weight:bold;
border-right:1px solid #791f4b;
color:#791f4b;
}

#liens_footer a{
font-family:Arial,verdana,sans-serif;
font-size:11px;
font-weight:bold;
color:#791f4b;
}



#popup{
width:360px;
height:180px;
background-color:#b0f910;
}

#inscription {
float:right;
margin-top:90px;
padding-right:10px;
}



/*Rubriques*/

#titre_news {
padding-right:10px
}
#photo_news {
padding-right:12px;
margin-bottom:5px;
margin-top:8px;
float:left;
}



#texte_news img {
float:left;
}

#photo_artiste img {
height:150px;
}

#contenu_prog img {
height:150px;
}



#partage {
clear:both;
padding-bottom:20px;
}

#titre_defaut {
padding-right:10px;
}
#photo_defaut {
margin-left:8px;
margin-bottom:8px;
float:right;
}

#texte_defaut {
}

/*fiches artistes*/

#photo_artiste {
width: 250px;
margin-right:5px;
float:left;
margin-bottom:5px;
}

#video_artiste {
width: 150px;
height:150px;
float:right;
}

#style_musical {
clear:both;
margin-bottom:10px;
font-size:12px;
color:#660032;
}

#texte_artiste {
float:left;
padding:5px;
padding-bottom:10px;
}

#sondage {
width:110px;
height:160px;
border-left:1px dotted black;
float:right;
padding-left:15px;
margin-left:10px;
color:#660032;
font-size:12px;
}

#lien {
font-size:12px;
color:#660032;
padding:20px 0px 20px 10px;
}

.calage {
	margin-left:20px;
	font-size:14px;
	margin-bottom:5px;
}
.calage2 {
	margin-left:40px;
	margin-top:10px;
}

.menu {font-family: arial, sans-serif; width:946px; height:26px; position:relative; margin:0; font-size:11px; margin:0px 0 0px 0; position:relative; z-index:100;}
.menu ul li ul{position:absolute; top:35px; left:0px;}
.menu ul li ul li a{display:block; height:16px;}

.hide {
					visibility:hidden;
					}
					

#contenu object embed {
width:150px;
height:150px;
}

#contenu p {
font-size:15px;
}

#contenu_admin table tr td {
	border: 1px solid black;
	font-size: 100%;
	text-align:center;
}

.calage3 { display: inline ; float: left; width: 130px; margin-left:20px; padding-left:20px;}

.header {width:946px; height:190px; position:relative; }
.header #evenementiel{position:absolute; top:0px; left:500px;}

.clear {
clear:both;
}

.lien_exter {
color:#000000;
}

.linkfooter {
font-size:12px;
color:#660032;
}
