@charset "utf-8";
/* CSS Document */

#horaire_nav {
	margin-bottom:10px;
}
#horaire_nav a {
	display:inline-block;
	width:44px;
	height:40px;
	padding-top:4px;
	text-align:center;
	background-color:#00aeef;
	color:#FFFFFF;
	text-decoration:none;
	font-family: KabelBlack, "Arial Narrow", "Marker Felt", Arial, Helvetica, sans-serif;
	font-size:26px;
	line-height:22px;
	margin-right:5px;

}
#horaire_nav a:hover,
#horaire_nav a.selected {
	text-decoration:none;
	color:#FFFFFF;
	background-color:#ED1C24;
}


#horaire_nav a.disabled {
	background-color:#666;
	cursor:default;
}

#horaire_nav a.disabled.selected {
	background-color:#333;
}


#horaire_nav a div {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:14px;
	font-weight:bold;
	text-transform:uppercase;
}

#col_gauche .blue_box .image {
	height:200px;
	overflow:hidden;
	zoom: 1;
    position: relative;
}

#col_gauche .blue_box .image img {
	border:none;
	position:absolute;
	z-index:1000;
	height:20px;
	width:21px;}
#col_gauche .blue_box .image img:first-child {
	z-index:1;
	height:200px;
	width:637px;
}

#col_gauche .blue_box .contenu {
	background-image:none;
}

#col_gauche .blue_box .contenu .artiste {
	color:#3CB0E4;
	font-family:KabelBlack, "Arial Narrow", "Marker Felt", Arial,Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	line-height:26px;
	text-transform:uppercase;
}
#col_gauche .blue_box .contenu .heure {
	color:#000000;
	font-size:16px;
	font-weight:bold;
	margin-bottom:15px;
}

#col_gauche .blue_box .contenu a {
	text-decoration:none;
	font-weight:bold;
}

#col_gauche .blue_box .contenu a:hover {
	text-decoration:underline;
}

#contenu .case_horaire{
	display:block;
	border-bottom:1px solid #bfbfbf;
	padding:15px 20px 0px 0px;
	color:#000000;
	text-decoration:none;
	cursor:pointer;
}

#contenu .case_horaire:hover {
	background-color:#E6F2FB;
}

.case_horaire div.heure {
	float:left;
	width:92px;
	text-align:right;
	color:#3CB0E4;
	font-family:KabelBlack, "Arial Narrow", "Marker Felt", Arial, Helvetica, sans-serif;
	font-size:30px;
	font-weight:bold;
}

.case_horaire div.heure span {
	display:block;
	font-size:20px; 
	line-height:10px;
	margin-bottom:10px;
}

.case_horaire div.details {
	float:right;
	width:490px;
}

.case_horaire div.details .nom {
	font-weight:bold;
	font-size:14px;
}

#contenu .case_horaire div.details .nom a {
	font-weight:norm;
	color:#3CB0E4;
	text-decoration:underline;
	font-size:12px;
}

#player_myspace {
	float:right;
	width:300px;
}

#player_youtube {
	float:left;
	width:315px;
}

#facebook_comments {
	margin-top:30px;
}

div.case_horaire_scene {
	padding:25px 0px 10px;
}

div.case_horaire_scene.blue {
	background-color:#e6f2fb;
}


	div.case_horaire_scene div.titre {
		font-size:18px;
		font-weight:bold;
		padding-bottom:10px;
		border-bottom:1px solid #bfbfbf;
		margin:0px 18px 4px;
	}
	
	#contenu div.case_horaire_scene a.spectacle {
		display:block;
		float:left;
		padding:4px 0px 4px 4px;
		margin-left:14px;
		width:292px;
		height:150px;
		text-decoration:none;
		overflow:hidden;
		cursor:pointer;
		color:#000000;
	}
	
	#contenu div.case_horaire_scene.white a.spectacle:hover {
		background-color:#E6F2FB;
	}
	
	#contenu div.case_horaire_scene.blue a.spectacle:hover {
		background-color:#FFFFFF;
	}
	
	#contenu div.case_horaire_scene .photo {
		float:left;
		width:77px;
		height:77px;
		border:2px solid #FFFFFF;
		background-position:center;
		background-image:url(../../images/template/sous-menu-image-defaut.jpg);
		margin-bottom:10px;
	}
	
	#contenu div.case_horaire_scene.white .photo,
	#contenu div.case_horaire_scene.blue a.spectacle:hover .photo {
		border-color:#E6F2FB;
	}
	
	#contenu div.case_horaire_scene.white a.spectacle:hover .photo {
		border-color:#FFFFFF;
	}
	
	#contenu div.case_horaire_scene .details {
		float:right;
		width:205px;
	}
	
	#contenu div.case_horaire_scene .details .artiste {
		color:#3CB0E4;
		font-family:KabelBlack, "Arial Narrow", "Marker Felt", Arial,Helvetica, sans-serif;
		font-size:24px;
		font-weight:bold;
		line-height:26px;
		text-transform:uppercase;
	}
	
	#contenu div.case_horaire_scene .details .heure {
		font-size:14px;
		font-weight:bold;
	}