/* jQuery lightBox plugin - Gallery style */
	.gallery {
		background:#f2f1fe;
		padding: 10px;
		width: 95%;

		margin:0 auto;

		border:solid 1px #8381c3;

		margin-top:20px;
		z-index:70;
	}
	.gallery ul { list-style: none; }
	.gallery ul li { display: inline; }
	.gallery ul img {
		border: 5px solid #fff;
		border-width: 5px 5px 20px;
	}
	.gallery ul a:hover img {
		border: 5px solid #8381c3;
		border-width: 5px 5px 20px;
		color: #fff;
	}
	.gallery ul a:hover { color: #fff; }
/*
	Cadre media
*/

#media_cadre{
	
	position:fixed;
	height: 100%;
	width:100%;
	top:0;
	right:0;
	z-index:60;
	display:none;
	background:#000000;

	opacity:0.8;
}

#media_cadre_videos{
	
	position:absolute;
	height: 100%;
	width:100%;
	top:0;
	right:0;
	z-index:60;
	display:none;
	background:#000000;
	opacity:0.8;
}


#media_block{
	position:absolute;

	top:95px;

	left:10%;
	height: auto;
	width:80%;
	z-index:70;
	display:none;
	background:#ffffff url("img/contenu-fond.png");

	padding:10px;

	border:solid 2px;

	border-color:#f0f0f1;	

	
}

/*
	Fin Cadre media
*/

#loader{
	background: url("img/ajax-loader.gif");
	height: 32px;
	width:32px;
	display:none;
	position:absolute;
	bottom:50%;
	left:50%;
	z-index:55;
}

.ok{
	padding:10px;
	border:solid 3px green;
	color:green;
	text-align:center;
	margin-left:100px;
	margin-right:100px;
}


html, body {
	background-color:#000000;
	height:100%;
	margin:0px 0px 0px 0px;
	padding:0px;
	background:#000000 url("img/main-gauche.png") repeat-y;
}

a{outline: none;}
:focus{-moz-outline-style: none;}


p {
	margin: 0.25em 0px 0.7em 0px;
	text-align:justify;
	font-family:"MS Sans Serif", Geneva, sans-serif;
	font-size:smaller;		
	
}

h1 {
	font: bold 150% Verdana,Arial,sans-serif;
	margin: 15px 20px 5px 20px;
	padding: 0;
	color: #8381c3;
}

h2 {
	font: bold 100% Verdana,Arial,sans-serif;
	margin: 5px 20px 5px 20px;
	padding: 0;
	color: #8381c3;
}
#main-gauche{
	width:26px;
	height:inherit;	
	background:#000000 url("img/main-gauche.png") repeat-y;
	position:absolute;
	top:0px;
	left:0px;
}

#main-centre{
	width:90%;
	background-color:#000000;
	margin: 0 auto ;

	height:100%;
}
	#header {
		width:100%;
		height:95px;
	}
	
	#menu {
		width:200px;
		height:60%;
		display:none;
		background:#000000;
		position:absolute;
		top:95px;
		left:30px;
	}
	
	#menu_compatibilite {
		width:200px;
		height:60%;
		background:#000000;
		position:relative;
		float:left;
	}	
	
		.navigation {
      float:left;
	  margin: 0;
      padding: 0;
      list-style: none;
      color: #fff;
      width: 185px;
      font: 1em "Trebuchet MS", sans-serif;
      }
   .navigation a, .navigation span {
      display: block;
	  height:35px;
	  text-indent: 30px;
	  padding: 5px 0px 0px 0px;
      color: #ffffff;
	  font-size:12px;
      text-decoration: none;
      background: url(img/bouton.png) no-repeat;
      }
   .navigation .toggleSubMenu a, .navigation .toggleSubMenu span {}
   .navigation .open a, .navigation .open span {
      background-image: url(menu-item-enroule.png);
      }
   .navigation a:hover, .navigation a:focus, .navigation a:active {
      background:url("img/bouton-active.png")no-repeat;

	  

	  }
   .navigation .subMenu {
      font-size: .6em;
      background: #000000 0 0 repeat-y;
      font-size: .7em;
      padding: 0;
	  width:205px;
	  margin:0px 0px;
	  text-align:left;
	  list-style-type: none;
	  }
   .navigation ul.subMenu a {
      background: none;

      }

	   .navigation .subMenu  a:hover, .navigation .subMenu a:focus, .navigation .subMenu a:active {

	   	  color:#d7d6f8;

	   }  

	  

	  
	#contenu {
		position:absolute;
		top:95px;
		left:250px;
		width:70%;
		margin-right:1%;

		border:0px;
		background:#ffffff url("img/contenu-fond.png");

		font-family:"MS Sans Serif", Geneva, sans-serif;
		font-size:smaller;	

		padding:0 20px 0 20px;
		margin-bottom:30px;	
		}
		
		#contenu a{
		color:#4e4d75;
		font-weight:bolder;	
		text-decoration:none;
		}
		
		#contenu a:hover{
		color:#000000;
		font-weight:bolder;
		text-decoration:none;	
		}
		#fermer {
			height:30px;
			width:46px;
			background:#000000 url("img/bouton-fermer.png") no-repeat;
			float:right;
			margin:10px;
			cursor:hand;
		}
		
	#footer {
			height:50px;
			width:100%;
		}

#accueil {
	background:#000000 url("img/accueil.png");
	display:none;
	height: 473px;
	width:235px;
	position:absolute;
	bottom:0px;
	left:40%;
	z-index:15;
}

img {
	border: none;
}

.spectacle {
      margin: 0;
      padding: 0;
      list-style: none;
      background: #8381c3;
      color: #fff;
      width: auto;
      font: 1.2em "Trebuchet MS", sans-serif;

	 
      }
   .spectacle a, .spectacle span {
      display: block;
      padding: 4px 10px;
      color: #fff;
      text-decoration: none;
	  text-align:center;
      background: #8381c3;

      }
   .spectacle .toggleSubMenu a, .spectacle .toggleSubMenu span {
      }
   .spectacle .open a, .spectacle .open span {
      }
   .spectacle a:hover, .spectacle a:focus, .spectacle a:active {

      }
   .spectacle .subMenu {
   	  display:none;
      font-size: .8em;
      background: #aeace6 ;
      font-size: .9em;
      margin: 0;
      padding: 5px 0 10px 10px;
	  height:auto;
	  color:#000000;

	  border-bottom:1px solid #8381c3;

	  border-right:1px solid #8381c3;

	  border-left:1px solid #8381c3;

      }
   .spectacle ul.subMenu a {
      background: none;
      padding: 3px 20px;


      }

.block_dates {

	width:auto;

	margin:0 auto;

	background:#f2f1fe;

	padding:3px 5px 3px 5px;

	vertical-align:middle;

	text-align:center;

	margin-top:5px;

	border-top:solid 1px #8381c3;	

	border-bottom:solid 1px #8381c3;	

	font:small;

}


.block_dates:hover {

	background:#e3e2fc;

}	 

/* div qui contient les dates pass�es */
.block_dates_passees {
	width:90%;
	margin:0 auto;
	background:#d0d0d0;
	padding:3px 5px 3px 5px;
	vertical-align:middle;
	text-align:center;
	margin-top:5px;
	border-top:solid 1px #8381c3;	
	border-bottom:solid 1px #8381c3;	
	font-size:small;
	color:#000000;
}/* fin de la div qui contient les dates pass�es */ 


.block_dates_passees:hover {
	background:#8381c3;
	color:#ffffff;
}


.spectacle-detail {

	margin-top:5px;

	font-size:x-small;

	border-top:solid 1px #8381c3; 

	border-bottom:solid 1px #8381c3; 

	padding:3px 0 3px 0;

}



.block_videos {

	width:55%;

	margin:0 auto;

	background:#f2f1fe;

	padding:5px 5px 5px 5px;

	vertical-align:middle;

	text-align:center;

	margin-top:5px;

	border:solid 1px #8381c3;	

	font:small;

}



.block_videos a {

	color:#8381c3;

	text-decoration: underline;

	font-weight:bold;	

}



.block_videos a:hover {

	color:#ffffff;

	background:#8381c3;

	text-decoration: none;	

	font-weight:bold;

}



.block_videos:hover {

	background:#e3e2fc;

}	  

/*
	Galerie Image
*/




#jquery-overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 80;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

#javascript {
	padding:60px 20px 0px 20px;
}

#error {
	background:url("img/error.png") no-repeat #bab9d2;
	height:64px;
	width:100%;
	float:left;
	border-bottom:#9493a7 solid 1px;
	border-left:#9493a7 solid 1px;
	border-right:#9493a7 solid 1px;
	text-align:center;
	font-size:xx-large;
	color:#ffffff;
	font:"Arial Black";
	font-weight:bolder;
}