*{margin:0px padding:0px}
body {
	overflow:hidden;
	background: url("images/superfond.png") center center repeat #000;
	font-family: "Century Gothic";
	font-size:14px;
	color:#FFFFFF;
}
#warp {
	background: url("images/background.png") top center no-repeat;
	padding:20px 20px 20px 21px;
	width: 900px;
	height:685px;
	margin: 0 auto;
}
#header {	
	background: url(images/bandeau.png) top no-repeat;
	height: 125px;width:880px;}
#leftcol {
	width:150px;
	margin-top:20px;
	float:left;

}

#content {
	margin-top:20px;
	width:750px;
	height:450px;
	float:left;
	overflow-y:auto;
}
#content p {text-align:justify;margin : 0px;padding: 5px 10px;}
#content img {max-width:700px;}

h1 {font-size: 24px;margin: 30px 0px 10px 0px;}
h2 {	font-size: 19px;color:#999999;margin: 10px 0px;}
hr { margin : 0px;padding : 0px;}
 
#leftcol a {display: block;font-size:18px;text-decoration:none;color: #999999;}
#leftcol a:hover { background-color: #333333;}
#leftcol .grotitre, .grotitre{
	padding:10px 3px;
	color: #DB2FB9;
	font-size: 18px;
	font-weight: bold;
	text-align:left;
}

#footer {
	text-align:center;
	clear : both;
	width : 880px;
	height : 30px;
}
div#footer a{ color:grey; font-size:10px; text-decoration:none;}


.extrait {margin:0px auto;width:580px;padding-bottom:20px;}
.titmenu {display:inline;width:130px;border:3px solid #999999;}
.titmenu:hover {border:3px solid #333333;filter: Blur(Add=5, Direction=2, Strength=10);}
.bloc_spectacle .affiche {width:100px;padding-right: 5px;float:left;}
.bloc_spectacle .slide {float:right;	width:220px;height:220px;}
.bloc_spectacle .video {float:left;width:200px;padding-right:5px;}
.bloc_spectacle p {clear:both;color:#DB2FB9;padding-right:40px;}
.bloc_spectacle h2 {font-size:11px;font-style: italic;}
.petit {	font-size: 12px;font-style: italic;margin: 5px;}
.important{font-size:15px; font-weight:bold;}
#signature{position:fixed;vertical-align:bottom;}