/*
 * Association Equip'arts version : 2.0 
 * layout_global.css
 *
 */

* {
	margin:0;
	padding:0;
	background-color: #FFFFFF;
	font-family: Eurostile;
	color: #000000;
	}
img {behavior: url(pngHack.htc);}
body {
	color:#000000;
	font-family: Eurostile;
	font-size: 14px;
	line-height: 125%;
	background-color: #FFFFFF;
	}

#border {
	width:750px;
	height:610px;
	border:thin dotted #CC0000;
	margin:10px auto 0px;
	color: #FFFFFF;
	background-color: #FEFEFE;
	}

#top {
	width:750px; height:130px;
	text-align:left;
	font-family: Eurostile;
	color: #000000;
	background-color: #FFFFFF;
	
	}
#top .logo, .titre {
float:left;

}	
	
	.logo {
		width:170px; height:130px;
		padding-left:30px;
		background:url(img/logo.jpg) no-repeat;
		float:left;
		}
	.titre {
	width:200px;
	height:50px;
	float:left;
	padding:80px 0px 0px 15px;
	background:url(img/titre.gif) no-repeat;
	text-transform:uppercase;
	font-family: Eurostile;
	font-size: 18px;
	font-weight: bold;
		}
#center {
	width:750px;
	clear:both;
	text-align:left;
	color: #000000;
	background-color: #FFFFFF;
	font-weight: normal;
	}
	ul.menu {
	
	text-decoration:nne;
	}
	.menu {
	width:170px; height:430px;
	float:left;
	font-family: Eurostile;
	font-weight: bolder;
	background-color: #FFFFFF;
	background-image: url(img/menu.gif) no-repeat;
	color: #000000;
		}
	.contenu {
	width:570px;
	height:420px;
	float:inherit;
	padding:5px;
	overflow:auto;
	font-family: Eurostile;
	font-size: 12px;
	line-height: 125%;
	font-weight: lighter;
	color: #000000;
	background-color: #FFFFFF;
		}
#footer {
	width:750px; height:50px;
	clear:both;
	background:url(img/footer.jpg) no-repeat;
	text-align:left;
	}


/* Contenu menu */
ul.menu {
	margin:0; padding:0;
	list-style-type: none;
	font-family: Eurostile;
	font-weight: bolder;
	color: #000000;
	background-color: #FFFFFF;
	}
ul.menu li {
	margin: 0; padding: 0;
	font-family: Eurostile;
	font-weight: lighter;
	color: #000000;
	background-color: #FFFFFF;
	}
ul.menu li a {
	display:block;
	width:165px;
	font-family: Eurostile;
	font-size: 13px;
	font-weight: lighter;
	text-decoration:none;
	text-transform:uppercase;
	color:#000000;
	padding:15px 0 15px 5px;
	background-color: #FFFFFF;
	}
	li.theatre a:hover, a:active {
		background-image: url(img/transp.png) repeat-y;
		}
	li.affiche a:hover, a:active {
		background-image: url(img/transp.png) repeat-y;
		}
	li.programmation a:hover, a:active {
		background-image: url(img/transp.png) repeat-y;
		}
	li.pratique a:hover, a:active {
		background-image: url(img/transp.png) repeat-y;
		}
	li.liens a:hover, a:active {
		background:url(img/transp.png) repeat-y;
		}

/* Spectacles */
.spectacle {
	width:550px; height:auto;
	clear:both;
	margin-bottom:25px;
	font-family: "Eurostile";
	color: #000000;
	background-color: #FFFFFF;
	}
	.spectacle_titre {
	width:425px;
	text-align:left;
	text-transform:uppercase;
	float:left;
	font-size: 12px;
	font-weight: lighter;
	font-variant: small-caps;
	font-family: Eurostile;
	color: #000000;
	background-color: #FFFFFF;
		}
	.spectacle_credits {
	width:425px;
	padding-top:5px;
	text-align:left;
	clear:both;
	float:left;
	font-family: "Eurostile";
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	background-color: #FFFFFF;
		}
	.spectacle_dates {
	width:125px;
	text-align:right;
	text-transform:uppercase;
	float:left;
	font-family: "Eurostile";
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	background-color: #FFFFFF;
		}
	.spectacle_compagnie {
	width:125px;
	padding-top:5px;
	text-align:right;
	float:left;
	font-family: "Eurostile";
	font-size: 9px;
	font-variant: small-caps;
	color: #000000;
	background-color: #FFFFFF;
		}
	.spectacle_infos {
	width:550px;
	padding-top:10px;
	text-align:justify;
	clear:both;
	font-family: "Eurostile";
	font-size: 12px;
	font-style: normal;
	line-height: 125%;
	font-weight: normal;
	color: #000000;
	background-color: #FFFFFF;
		}

/* Textes */
a, a:visited {
	font-weight:normal; color:#000000;
	text-decoration:none;
	font-family: "Eurostile";
	background-color: #FFFFFF;
	}
a:hover, a:active {
	font-weight:normal;
	color:#000000;
	text-decoration:underline;
	font-family: Eurostile;
	background-color: #FFFFFF;
	font-style: italic;
	}
#menu, #contenu
{
	float:left;
	font-weight: bold;
	color: #FFF;
	text-align: center;
}
#contenu
{
	width:510px;
	font-weight: bold;	
}

/***************/
		/* Menu vertical */
		/***************/
			#nav {
				width: 200px ;
				list-style: none ;
				margin: 0 ;
				padding: 0 ;
				}
			#nav li {
				background-color: #FFFFFF ;
				color: #900 ;
				
				margin-bottom: 1px ;
				margin-top: 5px ;
				}
			#nav li a {
				display: block ;
				background-color: #FFFFFF ;
				color: #900 ;
				font-family: "Eurostile";
				line-height: 1em ;
				padding: 4px 0 ;
				text-align: center ;
				text-decoration: none ;
				}
			#nav li a:hover, #nav li a:focus, #nav li a:active {
				color: #FFFFFF ;
				background-color: #900 ;
				text-decoration: underline ;
				}
			#nav li a.actived {
				color: #FFFFFF ;
				background-color: #900 ;
				text-decoration: underline ;
				}