body, ul, li, h3, p {
	margin : 0; padding : 0; 
}
ul {
	list-style : none;
}
body{
	background-color: #000;
	text-align: center;
	padding-top: 20px;
	font-weight: normal;
	font-size: 100%;
}
#container{
	width:900px;
	position: relative;
	margin: 0 auto;
	text-align: left;
	padding: 0;
}
#wrapper {
	width: 900px;
	float:left;
	position: relative;
	margin: 0;
	padding: 0 0 20px 0;
	
}
#branding{
	height: 160px;
	width: 900px;
	float:left;
	background: transparent url(images/logo.png) no-repeat 0 0;
}
/*
cite{
	position: absolute;
	left:595px;
	top: 130px;

#nav{
	font-weight:bold;
	font-size: 12px;
	font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	width: 900px;
	position:relative;
	float: left;
	height:52px;
}

#nav ul{
	margin:0;
	padding:0;
	list-style-type: none;
}

#nav ul li{
	float: left;
	display:block;
	margin:0;
	padding:0;

}

#nav ul li a{
	line-height:44px;
	color:#fff;
	border: 1px solid black;
	background:url("images/background2.gif") top left;
	margin: 0;
	text-decoration: none;
	text-align: center;
	padding: 12px 18px;
}


#nav ul li a:hover{
	background:url("images/background_btn.gif") left no-repeat;
}
}*/
#navigation{
	width:900px;
	position:absolute;
	z-index:1000;
	top:130px;
	text-align:left;
	border-bottom : 1px dotted #363e12;

}
#content{
	position: relative;
	width: 900px;
	float:left;
	background-color: #000;
	padding: 0 0 20px 0;
}

#content_index{
	position: auto;
	text-align:center;
	padding: 0 0 20px 0;
}
#content_index p{
	text-align:justify;
	padding: 10px 0 20px 0;
}

#content_index p a{
	text-decoration: none;
	color: #dcdd5c;
}


#content_main{
	float:left;
	top: 0px;
	left:0;
	width: 520px;
	background-color: #000;
	height: auto;
	padding: 0 10px 0 0;
}
#content_main ul{
	padding:0 0 0 30px;
}
#content_main li{
	list-style:square;
	padding:0 0 0 5px;
}
#content_main2{
	float:left;
	top: 0px;
	left:0;
	width: 300px;
	background-color: #000;
	height: auto;
	padding: 0;
}


#content_sub{
	float: left;
	top: 0px;
	width: 360px;
	left:50%;
	height: auto;
	background-color: #000;
	padding: 0 0 0 10px;
}

#content_sub2{
	float:left;
	top: 0px;
	width: 500px;
	left:30%;
	height: auto;
	background-color: #000;
	padding: 0 0 20px 0;
}

#presentation{
	width:750px; height:250px; padding:10px 0 0 60px; background:url(images/spectacle/5.jpg) top right no-repeat; border-bottom:#333 1px dashed;
}
#presentation h3{
	display:block; width:550px; padding:10px 0 10px 20px; text-align:right;
	}
#presentation p{
	display:block; width:550px; padding:0 0 0 20px; line-height:1.8em; text-align:right;
	}

#presentation2{
	width:750px; height:250px; padding:10px 0 0 40px; margin-top:10px; background:url(images/spectacle/4.jpg) top right no-repeat; border-bottom:#333 1px dashed;
}

#presentation2 h3{
	display:block; width:300px; padding:0 0 0 200px; line-height:1.8em; text-align:right;
}
#presentation2 p{
	display:block; width:300px; padding:0 0 0 200px; line-height:1.8em; text-align:right;
}
#presentation3{
	width:750px; height:250px; padding:10px 0 0 20px; margin-top:10px; background:url(images/spectacle/3.jpg) top right no-repeat; border-bottom:#333 1px dashed;
}
#presentation3 h3{
	display:block; width:200px;	padding:0 0 0 230px; line-height:1.8em; text-align:right;
}
#presentation3 p{
	display:block; width:200px;	padding:0 0 0 230px; line-height:1.8em; text-align:right;
}
#presentation4{
	width:750px; height:250px; padding:10px 0 0 0px; margin-top:10px; background:url(images/spectacle/1.jpg) top right no-repeat; border-bottom:#333 1px dashed;
}

#presentation4 h3{
	display:block; width:200px; padding:0 0 0 90px; line-height:1.8em; text-align:right;
	}
#presentation4 p{
	display:block; width:200px; padding:0 0 0 90px; line-height:1.8em; text-align:right;
	}
#presentation5{
	width:750px; height:250px; padding:10px 0 0 60px; margin-top:10px; background:url(images/spectacle/2.jpg) top right no-repeat; border-bottom:#333 1px dashed;
}
#presentation5 h3{
	display:block; width:200px;	padding:0 0 0 160px; line-height:1.8em; text-align:right;
}
#presentation5 p{
	display:block; width:200px;	padding:0 0 0 160px; line-height:1.8em; text-align:right;
}

#footer{
	clear: both;
	text-align: center;
	background-color: #16170f;
	border-bottom: 1px solid #9c9c9c;
	padding: 5px 0 5px 0;
	margin: 0;
	
}
#footer p{
	text-align: center;
	color: #454c23;
	padding:0;
	margin:0;

}
#footer a{
	text-decoration: underline;
	font-weight: normal;
	color: #454c23;
}
#footer a:hover{
	text-decoration: underline;
	font-weight: normal;
	color:#ccc;
}




img[alt]{
	border : 1px dotted #fff;
	padding:3px;
	margin: 15px 0px;
}

.float{
	float:left;
}
.cadre{
	border : 1px dotted #fff;
	display:block;
	width:600px;
	padding:3px;
	margin: 0px 20px 20px 0;
}
.cadre_mini{
	float:left;
	border: 1px dotted #fff;
	display:block;
	width:420px;
	padding:3px;
	margin: 0px 20px 20px 0;
}
