/*** default styles */
* {padding: 0;margin: 0;}
select * {padding: 0 0.5em;}
ul, ol {list-style: none;}
a img, :link img, :visited img, object, fieldset {border: none;}
a:focus, a:hover {text-decoration: none;}
a:active {outline: none;}
address {font-style: normal;}
:link, :visited {text-decoration: none;}
legend {position: relative;left: -6px;/* ie */}
/*** font size */
html {font-size: 100%;}
body {font: 0.625em/1em 'Trebuchet MS', Arial, Helvetica, sans-serif;}
input, select, textarea {font-size: 100%; font-family: Arial,Sans-serif;}
/*** Float containers (http://www.csscreator.com/attributes/containedfloat.php) */
.clearfix:after {content: ".";display: block;height: 0;font-size:0;clear: both;visibility: hidden;}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */
/*** Image Replacement */
.mir {letter-spacing : -1000em;}
/*\*/
* html .mir {text-indent: -999em;overflow: hidden;}
html>body .mir {letter-spacing: normal;text-indent: -999em;overflow: hidden;}/**/
/*** generic style */
.clear {clear: both;}
div.clear {height: 0;}
.no-wrap {white-space:nowrap;}
/*** error */
.errorOutput {font-weight: bold;padding: 0.5em 20px;border-top: 2px solid #eee;	border-bottom: 2px solid #eee;background: transparent url(/style/alert.gif) no-repeat left center;}

/* =html */
	html {}

/* =body */
	body {
		color: #000;
		background: #606060;
		text-align: center;
	}

/* =header */
	#header {
		width: 1000px;
		margin: 10px auto;
		text-align: left;
		display: none;
	}
	
/* =main */
	#main {
		width: 100%;
		background: #333333;
	}
	
	
		#maincontent {
			width: 1000px;
			margin: 0 auto;
			padding: 10px 0;
			height: 600px;
			text-align: left;
			position: relative;
			color: #e0e0e0;
			font: 1.1em/1.2em Arial, sans-serif;
		}
		
			/* pages avec animation flash */
			.flash #maincontent {}
			
			/* pages avec contenu html */
			.html #maincontent {background: transparent url(/style/fond/fondpages.jpg) no-repeat;}
				
				#partenaires #maincontent {background: transparent url(partenaires/partenairesN2.jpg) no-repeat;}
				#contact #maincontent {background: transparent url(contact/contactN2.jpg) no-repeat;}
				#parcours #maincontent {background: transparent url(parcours/parcoursN2.jpg) no-repeat;}
				#calendrier #maincontent {background: transparent url(calendrier/agendaN2.jpg) no-repeat;}
				#commandes #maincontent {background: transparent url(commandes/commandesN2.jpg) no-repeat;}
				#commande #maincontent {background: transparent url(commandes/commandesN3.jpg) no-repeat;}
				#creations #maincontent {background: transparent url(creations/creationsN2.jpg) no-repeat;}
				.creation #maincontent {background: transparent url(creations/creationsN3.jpg) no-repeat;}
				#cites #maincontent {background: transparent url(cites/citesN2.jpg) no-repeat;}
				#repertoire #maincontent {background: transparent url(repertoire/repertoireN2.jpg) no-repeat; position:relative;}
				.repertoire #maincontent {background: transparent url(repertoire/repertoireN3.jpg) no-repeat;}
				#scenes #maincontent {background: transparent url(scenes/scenesN2.jpg) no-repeat;}
				#album #maincontent {background: transparent url(scenes/scenesN3-2.jpg) no-repeat; height: 867px;}
				#invite_moment #maincontent {background: transparent url(invite/inviteN3.jpg) no-repeat;}
				#presse #maincontent {background: transparent url(presse/presseN2.jpg) no-repeat;}
				#mentions #maincontent {}
			
			#fond {
				width: 900px;
				margin: 80px auto 0 auto;
				height: 410px;
			}
			
			#album #fond {height: 677px;}
			
				#scroll {
					height: 410px;
					overflow: hidden;
				}
				#album #scroll {height: 677px;}
				
				#scroll p, #scroll ul {margin-bottom: 1em; line-height : 1.3em;}
				#album #scroll p, #album  #scroll ul {margin-bottom: 0;}
			
				/* Parcours */
				#fond .left {
					float:left;
					width : 580px;
					padding : 0 20px 0 0;
				}
				
				#fond .right {
					background : #000000;
					float:right;
					padding : 10px;
					width : 260px
				}
				
				/*Creations et Repertoires */
			
				.liste_repertoire {
					background: #000000;
					position : absolute;
					left : 50%;
					top : 50%;
					padding:5px;
				}
				
				.illustration {
					float:left;
				}
				
				/* Spectacle */
				.toutes_les_images {
					float: left;
					
					width : 242px;
				}
				
				/* Actualites */
				.une_actu {
					border-bottom : 1px solid #FFFFFF;
					padding-bottom : 5px;
					margin-bottom : 5px;
				}
				
				.une_actu p.date_lieu, .une_actu h3, .une_scene{
					float:left;
				}
				
				.une_actu .texte  {
					margin : 0 0 0 15px;
					font-size:1em;
				}
				
				/* Scènes */	
				.une_scene {
					margin : 0 10px 5px 10px;
					width:96px;
				}
				
				.une_scene img {
					margin-bottom : -3px;
				}
				

				
		
				
				/* Contact */
				#contact .adresse {
					float:left;
					width : 400px;
				}
				#contact .renseignement {
					float:left;
					width : 435px;
				}
				
				#contact fieldset {margin:0;}
				
				/*** Invite du moment **/
				#invite_moment .left .video, #invite_moment .left .biographie {
					float:left;
				}
				
				#invite_moment .left .video {
					width : 40%;
				}
				
				#invite_moment .left .biographie {
					width : 58%;
					padding : 0  0 0 10px;
				}
				
				 .bloc_presse {
					float:left;
					margin : 0 20px 10px 0;
					padding: 5px;
					background : black;
				}
				
				/***** Partenaires   ****/
				#partenaires #bloc-partenaire {text-align:center; margin:70px 0 0 127px;}
				#partenaires #bloc-partenaire img{margin-right:100px;}
		
				
				#newsletter #right .bloc_menu  {
					background : #000;
					padding : 10px;
					margin : 0 0 10px 0;
				}
				
				#newsletter #left {
					float:left;
				}
				
				#newsletter #right {
					margin : 10% 0 0 20px;
					float:left;
					width:20%;
				}
				
				#newsletter #maincontent a:focus, #newsletter  #maincontent a:hover {text-decoration: underline; color:#ff4548;}
				
				#newsletter ul.liste_newsletters  li{margin:0 0 1em 1em; list-style-type:disc; color:#fff;}

/* =nav-main */
	#nav-main {
		width: 100%;
		border-top: 1px solid black;
		border-bottom: 1px solid black;
		background: #6e6e6e;
		font: 1.1em/1.1em Arial, sans-serif;
		float:left;
	}
	
	* html #nav-main {
		padding : 0 0 0 20%;
	}
		
		#nav-main ul {
			margin:0 auto;
			position:relative;
			text-align:left;
			width:1000px;
			padding-left:200px;
		}
		
		#nav-main li {
			display: inline-block;
			padding: 5px 0;
			float:left;
		}
		
		* html #nav-main li {
			float:left;
		}
		
		#nav-main a {
			display: inline-block;
			padding: 0 10px;
			border-left: 1px solid black;
			font-weight: bold;
		}
		
		* html #nav-main a{
			float:left;
		}
		
		#nav-main a.first {	border-left: none;}
		
		#nav-main a:link, #nav-main a:visited {color: black;}
		
			#nav-main a:focus, #nav-main a:hover,
			#parcours #nav-par a:link, #parcours #nav-par a:visited,
			#creations #nav-cre a:link, #creations #nav-cre a:visited,
			#repertoire #nav-rep a:link, #repertoire #nav-rep a:visited,
			#invite #nav-inv a:link, #invite #nav-inv a:visited,
			#commandes #nav-com a:link, #commandes #nav-com a:visited,
			#calendrier #nav-cal a:link, #calendrier #nav-cal a:visited,
			#cites #nav-cit a:link, #cites #nav-cit a:visited,
			#scenes #nav-sce a:link, #scenes #nav-sce a:visited,
			#presse #nav-presse a:link, #presse #nav-presse a:visited,
			#partenaires #nav-part a:link, #partenaires #nav-part a:visited {
				color: white;
			}
	
/* =footer */
	#footer {
		width: 100%;
		background: transparent url(/style/images/fond-footer.gif) repeat-x;
	}
	
		#footer .content {
			width: 930px;
			margin: 0 auto;
			padding: 80px 0 20px 0;
			font: 1.1em/1.1em Arial, sans-serif;
			color: #d1d1d1;
			letter-spacing: 0.1ex;
		}
	
		#footer .left {
			float: left;
			width: 45%;
			text-align: left; 
		}
		
		#footer .right {
			float: right;
			width: 45%;
			text-align: right;
		}
		
		#footer .right ul {
			float:left;
		}
			
			#footer .right li {
				display: inline-block;
				padding: 0 10px;
				border-right: 1px solid #d1d1d1;
				float:left;
			}
			
			* html #footer .right li {
				float:left;
			}
			
			#footer .right li.last {
				border-right: none;
				padding-right: 0;
			}
			
			#footer .right a {
				display: inline-block;
				padding-bottom: 5px;
				border-bottom: 1px solid #606060;
			}
			
			* html #footer .right a{
				float:left;
			}
			
			#footer .right a:focus, #footer .right a:hover,
			#accueil #footer .right li#nav-accueil a,
			#contact #footer .right li#nav-contact a,
			#mentions #footer .right li#nav-mentions a,
			#newsletter #footer .right li#nav-newsletter a
			{border-bottom-color: #d1d1d1;
			color : #d1d1d1;}
			
			
			
	
/* =liens */
	a:link,a:visited {color: #ff4548;}
	a:focus,a:hover{color: #fff;}

	a.en_savoir_plus {
		float:right;
	}
	
	.une_scene a.diapo {
		border : 3px solid #FFFFFF;
		border-width:3px 3px 21px 3px; 
		display:block;
		margin : 0 0 0 0;
	}
	
	.une_scene a.diapo:hover,  .une_scene a.diapo:focus {
		border-color : #ff4548;
	}
	
	#spectacle a.galerie,
	#spectacle a.telechargement {
		display:block;
		height : 29px;
		padding : 10px 0 0 38px;
	}
	
	#spectacle a.galerie:link, #spectacle a.galerie:visited { background : transparent url(/style/spectacle/galerie_on.gif) no-repeat top left;}
	
	#spectacle a.galerie:hover, #spectacle a.galerie:focus { background : transparent url(/style/spectacle/galerie_off.gif) no-repeat top left;}
	
	#spectacle a.telechargement:link, #spectacle a.telechargement:visited {background : transparent url(/style/spectacle/telechargement_on.gif) no-repeat top left;}
	
	#spectacle a.telechargement:hover, #spectacle a.telechargement:focus { background : transparent url(/style/spectacle/telechargement_off.gif) no-repeat top left;}
	
	#footer a:link, #footer a:visited {color: #ffffff;}

/* =images *//
	img.bloc {
	 display: block;
	 margin: 10px auto;
	}
	
	.left img {
		float : left; 
		margin :5px 15px 5px 0;
		border : 1px solid #FFFFFF;
	/* 	width : 230px;
		height : 180px; */
	}
	
	#album .left img {
		/* width : 580px;
		height : 350px; */
		border:none;
	}
	
	.pdf2 {
		height:16px;
		vertical-align: bottom; 
		padding-left: 21px;
		background : transparent url(/style/pdf.gif) no-repeat top left;
		
	}
	

/* =listes */
	ul.puces {
		margin-left: 20px;
		list-style-type: square;
	}
	
	.liste_repertoire ul li, .liste_creations ul li, ul.liste_commandes  li {
		background : transparent url(/style/images/carre-blanc.gif) no-repeat left 50%;
		padding : 0 0 0 12px;
	}
		li.num1 {
			position : absolute;
			left : 5%;	
			top : 65%;
		}
		
		li.num2 {
			position : absolute;
			left : 38%;
			top: 50%;
		}
		
		li.num3 {
			position : absolute;
			left : 82%;
			top: 42%;
		}
		
	ul.liste_auteur {
		float:left;
		margin : 0 0 0 12px;
	}
	
	ul.liste_commandes {
		margin:119px 0 0 480px;
	}
	
	ul.liste_articles {
		float:left;
		margin-top : 5px;
	}


/* =p */
.illustration p.legende {
	font-size : 0.8em;
	color : #999999;
	margin-bottom : 0;
}

#spectacle .note_mes {
		font-style : italic;
		padding-bottom : 5px;
}

#spectacle .resume {
		color : #BFBFBF;
}


	/* Paragraphes	**/
	
	 #partenaires p {
		text-align : center;
	 }

			
/* =span */
		span.auteur {
			font-style:italic;
		}
		
		span.titre_spectacle {
			font-weight:bold;
			font-size:1.1em;
		}
		
		span.annee {
			font-weight : bold;			
		}
		
		span.titre_oeuvre {
			font-style:italic;
		}

	
/* =titres */
	h2 {
		margin-bottom: 0.8em;
		font: bold 1.5em/1.6em Arial, sans-serif;
		text-transform: uppercase;
	}
	
	h3 {
		margin-bottom: 0.5em;
		font: bold 1.1em/1.1em Arial, sans-serif;
	}
	
	#scenes h3 {
		background : #000;
		padding : 5px;
	}
	
	#spectacle h2 {
		font-size : 1.5em;
	}
	
	#spectacle h3, #presse h3 {
		float:left;
	}



/* =impression */
	@media print {
		html {background: #FFF;}
		body {color: #000;width: auto;background: #FFF;margin: 28px 0;}
	}

/* =debug */
	.debug {
		clear: both;
		margin: 10px;
		padding: 5px 10px;
		background: #ECECEC;
		text-align: left;
		font: 1.1em/1.1em Arial, sans-serif;
	}

	.debug strong {
		display: block;
		margin: 5px 0;
		font: bold 1.2em/1.1em Arial, sans-serif;
	}
	
	.debug span {display: block; margin: 3px 0;}
	.debug li {margin: 5px 10px;}
	.debug table {margin: 3px 10px;}

/* =jscrollpane */
	.jScrollPaneContainer {
		position: relative;
		overflow: hidden;
		z-index: 1;
	}
	
	.jScrollPaneTrack {
		position: absolute;
		cursor: pointer;
		right: 0;
		top: 0;
		height: 100%;
		background: #aaa;
	}
	
	.jScrollPaneDrag {
		position: absolute;
		background: #666;
		cursor: pointer;
		overflow: hidden;
	}
	
	.jScrollPaneDragTop {
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden;
	}
	
	.jScrollPaneDragBottom {
		position: absolute;
		bottom: 0;
		left: 0;
		overflow: hidden;
	}
	
	a.jScrollArrowUp {
		display: block;
		position: absolute;
		z-index: 1;
		top: 0;
		right: 0;
		text-indent: -2000px;
		overflow: hidden;
		height: 9px;
		background: transparent url(/style/images/basic_arrow_up.gif) repeat-x scroll 0 0;
	}
	
	a.jScrollArrowUp:hover {background-position: 0 -15px;}
	
	a.jScrollArrowDown {
		display: block;
		position: absolute;
		z-index: 1;
		bottom: 0;
		right: 0;
		text-indent: -2000px;
		overflow: hidden;
		height: 9px;
		background: transparent url(/style/images/basic_arrow_down.gif) repeat-x scroll 0 0;
	}
	
	a.jScrollArrowDown:hover {background-position: 0 -15px;}
	
	a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {background-position: 0 -30px;}
	
div.zonevideo {
	height: 180px;/* important */
	margin-bottom: 5px;
}