/*  Reset
-------------------------------------------------------*/
@import "reset.css";
/*  Hack
-------------------------------------------------------*/
@import "hacks.css";
/*  Scroll
-------------------------------------------------------*/
html 	{	overflow:hidden;	}
* html 	{	overflow:hidden;	}

/* Conteneurs
-------------------------------------------------------*/
#conteneur {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;	}
	
#contenu {
	margin-left: -960px;
	position: absolute;
	top: -600px;
	left: 50%;
	width: 1920px;
	height: 1200px;
	border: 0px;
	text-align: left;
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 135%;
	color: #000;
	background-repeat: no-repeat;
	background-position: right center;	}

	
/*  Couleurs
-------------------------------------------------------*/
body {
	background-color: white;
}
/*  Typo & alignement
-------------------------------------------------------*/
.t_left 	{	text-align: left;	}
.t_right 	{	text-align: right;	}
.t_center 	{	text-align: center;	}
.t_justify 	{	text-align: justify;}
.bold 		{	font-weight: bold;	}
.italic 	{	font-style: italic;	}
.first-letter { text-transform: capitalize; }

/*  Blocks
-------------------------------------------------------*/
#content {
	margin-left: -480px;
	position: absolute;
	top: 300px;
	left: 50%;
	width: 960px;
	height: 600px;
	border: 0px;
	text-align: left;	}
	
	#bloc1, div.fiche, #bloc2, #bloc3, #nav {
		position: absolute;
		top: 30px;
		height: 520px;
		padding: 10px;
		background-color: white; }
		
	#bloc1, #bloc2, #bloc3, div.fiche 	{ width: 280px;	}		
	#bloc1 					{ left: 65px;	}
	#bloc3 					{ left: 595px;	}
	
	#content.agenda #bloc1 { left: 15px;	}
		#content.agenda #bloc1Fiche { left: 350px; top: 50px; z-index: 1000;	}
	#content.agenda #bloc2 { left: 330px;	}
		#content.agenda #bloc2Fiche { left: 665px; top: 50px; z-index: 1000;	}
	#content.agenda #bloc3 { left: 645px;	}
		#content.agenda #bloc3Fiche { left: 310px; top: 50px; z-index: 1000;	}
	
	/* div.pane { width: 100%; height: 100%; } */
	
	#nav { 
		width: 180px;
		left: 380px;	}

/*  Liens
-------------------------------------------------------*/
a 				{ color: #000;	}
#prevnextag a 	{ color: #FFF;	}
a:hover, #prevnextag a:hover, a.fini:hover, a.plan:hover	{ color: #E1007A;}

a.fini { color: #bfbfbf;	}

#contenu.index a { 
	display: block;
	width: 1920px;
	height: 1200px;
	text-indent: -9999px;
	cursor: pointer;	}

a.retour_menu {
	display: block;
	width: 123px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 345px;
	text-indent: -9999px;
	background-image: url(../images/a-retour_menu.png);
	background-repeat: no-repeat;
	background-position: 0 0;	}
	
a.retour_menu:hover { background-position: 0 -20px;	}	

a.close {display: block; position: absolute; top: 10px; right: 10px; z-index: 9999; cursor: pointer;}

.contentFiche h3.titre a:hover {
	color: black;
	cursor: default;	}
	
.productions .pane p a, .agenda .pane ul li a { border-bottom: 1px dotted black; }

a.plan { color: #999;	}

/*  Navigation
-------------------------------------------------------*/

#nav ul li a {
	display: block;
	width: 180px;
	height: 22px;
	text-indent: -9999px;
	cursor: pointer;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	background-position: 0 0;	}
	
	#nav ul li ul { margin-bottom: 10px;}
	
	#nav ul li ul li a {
		text-indent: 0px;
		height: 12px;
		margin-bottom: 5px;
		font-weight: bold; }
			
	#nav ul li ul li ul li a {font-weight: normal;}
	
#nav a:hover { background-position: 0 -22px;	}
	
	#nav a.n_athenor { height: 42px;	background-image: url(../images/nav-athenor.png); }
	#nav a.n_athenor:hover {	background-position: 0 -42px;	}
	
	#nav a.n_programmation 		{ background-image: url(../images/nav-programmation.png); }
	#nav a.n_chantiers 			{ background-image: url(../images/nav-chantiers.png); }
	#nav a.n_peripheriques 		{ background-image: url(../images/nav-peripheriques.png); }
	#nav a.n_productions 		{ background-image: url(../images/nav-productions.png); }
	#nav a.n_agenda 			{ background-image: url(../images/nav-agenda.png); }
	#nav a.n_blog 				{ background-image: url(../images/nav-blog.png); }
	#nav a.n_partenaires 		{ background-image: url(../images/nav-partenaires.png); }
	#nav a.n_infos_pratiques	{ background-image: url(../images/nav-infos-pratiques.png); }
	
	#nav li.active > a { background-position: 0 -22px; color: #E1007A; }
	#nav li.active > a.n_athenor { background-position: 0 -42px; }
	
	.programmations #bloc3 li a 			{font-weight: bold;}
	.programmations #bloc3 li.current > a 	{ color: #E1007A; }
	
	h1, h3, .programmations #bloc3 ul li a { word-spacing: 3px;} 
	
	#prevnextag {
	position: absolute;
	width: 150px;
	height: 16px;
	top: 5px;
	left: 135px;
	color: white;
	text-align: center;}
	
/*  Heading
-------------------------------------------------------*/

h1, h3.titre a { 
	font-size: 20px; 
	font-weight: bold;
	line-height: 100%; 
	margin-bottom: 5px;}
	
	h3.titre {display: block; height: 60px; margin-bottom: 10px;}
	
h2 {
	font-size: 16px;
	font-weight: bold;}
	
h3.section_dates 	{ font-weight: bold;	}
h3.avenir { 
	padding-top: 2px;
	border-top: 1px solid #bfbfbf;	}

h4 { font-size: 13px; font-weight: bold;}

h5 { font-weight: bold;}

.infos_pratiques ul.grille_tarifs li h5 { padding-bottom: 5px;	}

/*  Contenu
-------------------------------------------------------*/
.chantiers .pane p, .productions .pane p, .peripheriques .pane p, .programmations .pane p, .infos_pratiques #bloc1 p, .contentFiche .pane p { margin-bottom: 30px;} 

img.ligne { margin-bottom: 20px;	}

.programmations ul.list_dates li, .chantiers ul.list_dates li, .peripheriques ul.list_dates li, .productions ul.list_dates li, .agenda .pane ul li { 
	border-bottom: 1px solid #bfbfbf ; 
	padding-bottom: 3px; }
	
	
/* Agenda */
#titre_agenda {
	display: block;
	width: 70px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 15px;	}
	
.agenda #bloc1 li, .agenda #bloc2 li, .agenda #bloc3 li {
	margin-bottom: 10px;	}
	
ul.list_dates li { padding: 5px 0 0 0;}
	
/* Partenaires */
.partenaires #bloc1 ul li a p {padding-left: 12px;	}

/* Infos Pratiques */
.infos_pratiques #bloc1 li {
	margin-top: 10px;
	line-height: 125%;	}

.infos_pratiques ul.grille_tarifs li {
	display: block;
	float: left;
	text-align: center;
	width: 31px;
	margin: 0 2px 0 0;
	border-left: 1px solid black;	}
	
	.infos_pratiques ul.grille_tarifs li:first-child {
		width: 60px; 
		text-align: left; 
		border: 0;	}
	.ie6 .infos_pratiques ul.grille_tarifs li:first-child { width: 65px; }
	
.infos_pratiques #bloc1 ul.grille_tarifs li, .infos_pratiques #bloc1 ul.intitule_tarifs li { margin-top: 0;}

/*  Form
-------------------------------------------------------*/