/* Menu */

.page .menu {
	padding:0 5px 1px 0;
	display:block;
	background-color:#5b173b;
	width:955px;
	height:22px;
}
	
	.page  .menu ul li{
		float:left;
		padding:0;
		border-right:2px solid #5B173B;
		display:inline;
		height:23px;
	}

	
		.page  .menu ul li a{
			text-transform:uppercase;
			text-align:center;
			background:url(../img/global/onglet_off.gif) no-repeat;
			width:123px;
			height:23px;	
			display: block;
			padding-top:5px;
			font-weight:bold;
			font-family:Helvetica, sans-serif;
			font-size:1em;
		}
		
		.page  .menu ul li a.active,
		.page  .menu ul li a:hover{
			background:url(../img/global/onglet_on.gif) no-repeat;
			width:123px;
			height:23px;
			display: block;
		}
		
	/*.page  .menu ul li a{
		position: relative;
		overflow: hidden;
		width:123px;
		height:23px;	
		display: block;
	}
		
		.page  .menu ul li a img{
			 position: absolute;
			 top: 0;
			 left: 0;
		}

		.page  .menu ul li a  span.selected, 
		.page  .menu ul  li a:hover span { 
			position: absolute;
		    top: -23px;
		}*/
	
	.page .menu li.search {
		width:180px;
		height:23px;
		display:block;
		margin-right:13px;		
		background-color:#fff;
		float:right;
	}	
	
		.page .menu li.search form {
			height:23px;
			width:180px;	
			display:block;
		}
		
		.page .menu li.search .ok{
			float:left;
			margin-top:1px;
		}
		
		.page .menu li.search .text {
			background-color:transparent;
			font-size:0.8em;
			color:#000;
			width:154px;
			font-family:Verdana, Arial, Helvetica, Tahoma, sans-serif;
			float:left;
			height:15px;
			line-height:15px;
			border:0;
			padding:4px 0 0 3px;
		}			
	/* end menu*/	
	
	/* agenda*/
	.page .content .content_left .agenda {
		position:relative;
		background : url(../img/global/bg_frame.gif);
		width:545px;
		height:257px;
		padding:8px 0px 10px 2px;
		
	}
	
	.page .content .content_left .agenda .periodes {
		padding-bottom:8px;
	}
	
	.page .content .content_left .agenda #vignettes{
		-margin-left:-8px;
		-margin-top:-5px;
	}
	
		.page .content .content_left .agenda ul{
			list-style:none;
		}
		
			.page .content .content_left .agenda ul li{
				float:left;
				margin:4px 0 5px 7px;
				border:1px solid #FFF;
				width:170px;
				height:109px;
				background-color:#8f3469;
			}
			
				.page .content .content_left .agenda ul li .event {
					position:relative;
				}
				
			.page .content .content_left .agenda ul li .event .picture{
				width:109px;
				height:109px;		
				float:left;	
				position:absolute;
				top:0;
				left:0;			
				background-color:#8F3469;		
				z-index:20;
			}
			
			.page .content .content_left .agenda ul li .event .text{
				position:absolute;
				top:0;
				left:0;	
				width:109px;
				height:109px;		
				float:left;		
				text-align:center;
				background: #782555 url(../img/global/bg_agenda.gif) repeat 0 0;
			}
			
				.page .content .content_left .agenda ul li .event .text .content{
					position:absolute;
					top:50%;
					left:0;	
					height:109px;		
					width:90px;
					margin-left:4px;
					margin-top:-55px;
					z-index:10;
					padding:0;
				}
				
				.page .content .content_left .agenda ul li .event .text .name{	
					font-size:1em;
					font-weight:bold;
					display:block;
					margin-bottom:5px;
				}
				
				.page .content .content_left .agenda ul li .event .text .city{
					font-family:Verdana, sans-serif;
					font-size:1em;
					font-weight:bold;
					display:block;
					margin-top:1px;
					text-transform:uppercase;
				}
				
			.page .content .content_left .agenda .event .picture img{
				display:block;
			}
				
			.page .content .content_left .agenda .event .date_event {
				position:absolute;
				top:0;
				right:8px;	
				font-family:Georgia, sans-serif;
				font-size:2.1em;
				text-align:center;
				color:#fff;
				width:50px;
			}
			
			.page .content .content_left .agenda .event .date_event .separator{
				display:block;
				margin:5px 0 0 0;
				line-height:5px;
				height:5px;	
			}
			
		.page .content .content_left .agenda .nav{
			position: absolute;
			top:136px;		
			width:18px;
			height:18px;	
			z-index:99;		
			display:block;
		}
			.page .content .content_left .agenda .nav a{
				width:18px;
				height:18px;
				display:block;
				
			}
	
		.page .content .content_left .agenda .left {
			left:-3px;
			cursor: pointer;
		}
		
		.page .content .content_left .agenda .right {
			right:-3px;
			cursor: pointer;
		}
	/* end agenda */	

	/* actus*/
	.page .content .content_left .actus {
		display:block;
		margin:23px 0 0 0;
		padding:0;
	}

		.page .content .content_left .actus .navigation {
			position:relative;
			height:15px;
			display:block;
		}
		
		.page .content .content_left .actus ul{
			float:right;
		}	
			
			.page .content .content_left .actus ul li{
				float:left;
				margin-left:5px;
			}
			
			.page .content .content_left .actus ul li.size{
				width:9px;
			}

			.page .content .content_left .actus ul li.current{		
				width:9px;
			}
		
		.page .content .content_left .actus .actu{
			margin-top:20px;
			padding:0;
			display:block;
			float:left;
			margin-left:2px;
		}
		
			.page .content .content_left .actus .actu a.link .description {
				color:#fff;
				cursor:pointer;
			}	
	
			.page .content .content_left .actus  .actu a.link .description span{
				display:block;
				cursor:pointer;
			}
		
			.page .content .content_left .actus .actu a:hover img{
				border:1px solid #e46eb3;
				cursor:pointer;
			}
			
			.page .content .content_left .actus .actu a.link:hover .description,
			.page .content .content_left .actus .actu a.active .description{
				color:#e46eb3;	
				cursor:pointer;
			}
			
			.page .content .content_left .actus .actu a.link .titre{
				display:block;
				font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
				font-size:1.5em;
				font-weight:bold;
				text-transform:uppercase;
				margin-bottom:3px;
				cursor:pointer;
			}
			
			.page .content .content_left .actus .actu .block_photo{
				float:left;
				width:178px;
				height:110px;
				display:block;
				margin-top:3px;
			}
	
			.page .content .content_left .actus .actu .block_photo.photo{
				width:176px;
				height:108px;
			}
			
			.page .content .content_left .actus .actu .description {
				float:left;
				width:323px; 
				padding-left:12px;
			}
			
			.page .content .content_left .actus .actu .description span.text{
				display:block;
				margin-bottom:10px;
			}
			.page .content .content_left .actus .actu .description .area{
				text-transform:uppercase;
			}
			
				.page .content .content_left .actus .actu .description span.more {
					display:block;
					margin-top:10px;
					font-size:0.9em;
					color:#FFF;
					font-weight:bold;
				}
				
			.page .content .content_left .actus .actu a.link:hover .description .more,
			.page .content .content_left .actus .actu a.active .description .more {		
				color:#e46eb3;
			}
/* end actus*/

/* content_right */		

	/* repertoire */
	.page .content  .content_right .titre{
		text-transform:uppercase;
		font-family:arial, sans-serif;
		font-size:1.3em;
		font-weight:bold;
		width:168px;	
		display:block;
		margin-left:15px;	
		line-height:15px;			
	}	
	
	.page .content  .content_right .img{		
		float:left;			
		margin-top:2px;
	}
	
	.page .content  .content_right .block_repertoire{
		position:relative;
		background : url(../img/global/bg_frame.gif);
		height:265px;
		width:350px;		
		padding:5px;
	}				
	
		.page .content  .content_right .block_repertoire .infos{
			margin-left:15px;
			-margin-left:10px;
			display:block;
			float:left;
			width:171px;
		}
		
		.page .content  .content_right .block_repertoire .text{
			margin-top:17px;
			display:block;
			font-size:1.1em;
		}
		
	/*	.page .content  .content_right .block_repertoire .tel {
			font-family: Georgia, Arial, Helvetica, Tahoma, sans-serif;
			font-size:1.6em;
			font-weight:bold;
			margin-top:18px;	
			color:#b65290;
			display:block;
		}
		
		 	.page .content  .content_right .block_repertoire .tel span{
				display:block;
				margin-bottom:5px;
				font-weight:normal;
			}
			*/
			.page .content  .content_right .block_repertoire .tel span.num{
				font-weight:bold;
			}
			
		.page .content  .content_right .block_repertoire .catalogue img,
		.page .content  .content_right .block_repertoire .catalogue span {
			margin-left:5px;
			position:absolute;
			top:5px;
			right:5px;
		}
	/* end repertoire*/

	/* ABCDEFGHIJKLMNOPQRSTUVWXYZ */
	.page .content  .content_right .abcd{
		background : url(../img/global/bg_frame.gif);
		width:350px;		
		padding:5px;
		padding-bottom:10px;
		/*margin-top:19px;*/
		text-align:center;
		font-weight:bold;
		font-size: 1.2em;
	}	
	
	/* salons */
	.page .content  .content_right .salons{
		background : url(../img/global/bg_frame.gif);
		width:350px;		
		padding:5px;
		padding-bottom:10px;
		/*margin-top:19px;*/
	}			
		.page .content  .content_right .salons .titre{
			width:330px;
			margin-bottom:7px;
		}	
		
		.page .content  .content_right .salons ul li h5 {
			font-size:0.8em;
		}
		
			.page .content  .content_right .salons ul li h5 a {
				background:url(../img/global/bg_list.gif) no-repeat top left #aa4684;
				width:298px;
				border-bottom:2px solid #8f3469;
				color:#fff;
				padding:3px 21px;				
				font-weight:bold;
				text-transform:uppercase;			
				margin:0 5px;
				display:block;
			}

			.page .content  .content_right .salons ul li h5 a.selected {
				background:url(../img/global/bg_list_hover.gif) no-repeat top left;
				width:298px;
				border-bottom:2px solid #8f3469;
				color:#fff;
				padding:4px 20px;
				font-size:1em;
				font-weight:bold;
				text-transform:uppercase;			
				display:block;
			}			

			.page .content  .content_right .salons ul li h5 a:hover {
				background:url(../img/global/bg_list_hover.gif) no-repeat top left;
				width:298px;
				border-bottom:2px solid #8f3469;
				color:#fff;
				font-size:1em;
				font-weight:bold;
				text-transform:uppercase;			
				display:block;
			}			
			
	/* end salons */	
				
/* end content_right*/	

/* footer */

.page .footer {
	padding-top:5px;
	margin-top:30px;
	padding-left:20px;
	width:960px;
	height:30px;
}

	.page .footer ul li.margin{
		margin-right:134px;
		cursor:pointer;
	}

	.page .footer ul li.last{
		margin-left:-12px;
		cursor:pointer;
	}

	.page .footer ul li.title{
		float:left;
		list-style:none;	
		color:#fff;
		text-transform:uppercase;
		font-size:1em;
		font-weight:bold;
	}

	.page .footer ul li a{	
		color:#fff;
	}
		.page .footer ul li ul.list li {
			line-height:15px;
			font-weight:normal;
		}
			.page .footer ul li ul.list li a{		
				text-transform:lowercase;
				
			}

/* end footer */