body {
	margin: 0;
	padding: 0;
	background-color:#000;
	color:#FFF;
	font-family: Monaco, "Lucida Console", monospace;
}

*{
	margin:0;
	padding:0;
	}

h1, h2, h3, h4{
	margin:0;
	padding:0;
	font-family:Geneva, sans-serif;
	}
	
/*img{
	border:0 none;
	display:block;
}*/

ul{
	margin:0;
	padding:0;
}

li{
	margin:0;
	padding:0;
	list-style:none;
}

.clearboth{
	clear:both;
}
.floatleft{
	float:left;
}
.floatright{
	float:right;
}

a{
	text-decoration:none;
	color:#FFF;}
	
img {
	border:0 none;}
	


/*------ MENU FIXE -------*/

#header {
	position: fixed;
	top: 60px;
	left: 60px;
	z-index:10000;
}

.menu_top{ /*image supérieure du polygone*/
	width:319px;
	height:96px;}

#menu { /*image logo du polygone*/
	width: 319px;
	height: 136px;
	background-image:url(images/menu_bg2.png);
	background-repeat:no-repeat;
	background-position:top left;
}

#menu ul { /*liste des liens*/
	width:100px;
	position:relative;
	top:5px;
	left:190px;	
	list-style: none;
	font-size: 12px;
}

	#menu a:hover{
		color:#000;
		background-color:#FFF;}

.menu_social{
	width:319px;}
	
	.menu_social div{
		float:left;
		height:31px;
		}
	
.menu_border_left{
	width:104px;
	height:31px;}
	
.menu_border_right{
	width:98px;
	height:31px;
	/*background-color:#000;*/
}

.menu_bottom{
	width:319px;
	height:110px;}

.social-icons {
	width:114px;
	height:31px;}

.social-link{
	width:38px;
	height:31px;
	display:block;
	float:left;}
	
	#facebook{
		background-image:url(images/f.png);
		background-repeat:no-repeat;
		background-position:top left;
		}
		
	#facebook:hover{
		background-image:url(images/f-over.png);
		background-repeat:no-repeat;
		}
	
	#soundcloud{
		background-image:url(images/sc.png);
		background-repeat:no-repeat;
		background-position:top left;
		}
		
	#soundcloud:hover{
		background-image:url(images/sc-over.png);
		background-repeat:no-repeat;
		}
		
	#myspace{
		background-image:url(images/ms.png);
		background-repeat:no-repeat;
		background-position:top left;
		}
		
	#myspace:hover{
		background-image:url(images/ms-over.png);
		background-repeat:no-repeat;
		}




/*----- CONTENU -------*/


#page{
	margin:0;
	padding:0;
	/*position:relative;
	top:-60px;
	left:0px;*/}
	
	
#polygones_wrapper{
	width:400px;
	/*float:left;*/
	position:absolute;
	top:0px;
	left:0px;
	}
	
	.polygones{
		height:981px;
		/*height:798px;*/
		}
	.polygones3{
		height:1481px;
		/*height:798px;*/
		}
#container {
	width: 700px;
	/*float:left;
	position:relative;*/
	margin:0 auto;
	padding-left:400px;
}

#page1, #page2, #page3, #page4, #page5, #page6 {
	width: 700px;
	/*height:738px;*/
	height: 921px;
	padding-top:60px;
	position:relative;	
}
#page3 {
	width: 700px;
	/*height:738px;*/
	height: 1421px;
	padding-top:60px;
	position:relative;	
}

.bg_menu{
	margin-top:59px;
	margin-left:60px;}

#espace-bas {
	height: 240px;
}


h1{
	font-size:50px;
	font-weight:normal;
	}
	
	
	
/*--------------------*/	
/*------ACCUEIL-------*/
/*--------------------*/
#page1 h1{
	color:#0FF;
	}
	
.accueil_wrapper{
/*	margin-top:20px;
	margin-left:210px;
	margin-left:65px;*/
	font-size:12px;
	}

.text_wrapper{
	/*width:340px;*/
	}
	
.text_wrapper2{
	font-size:12px;
	/*color:#0FF;*/
	color:#FFF;
	position:relative;
	/*left:420px;
	top:130px;*/
	width:560px;
	}
	
	
	/* -----------SLIDE SHOW ACCUEIL ------------ */

	.banner{
		/*float:right;
		overflow:hidden;
		margin-top:60px;*/
		height:520px;
		width:700px;
		/*position:absolute;
		top:60px;
		left:480px;*/
	}
	.banner blockquote{
		z-index:10;
	}
	.banner_images{
		position:absolute;
	}
	
	#accueil_slideshow {
		/*position:absolute;*/
		height:525px;
	}
	
	#accueil_slideshow img {
		position:absolute;
		top:60px;
		left:3px;
		z-index:8;
	}
	
	#accueil_slideshow IMG.active {
		z-index:10;
	}
	
	#accueil_slideshow IMG.last-active {
		z-index:9;
	}

	
/*--------------------*/	
/*--------DECO--------*/
/*--------------------*/

#page2 h1{
	color:#32FD40;
	}
	
.deco_wrapper{
	position:relative;
	/*left:480px;
	top:-300px;*/
	width:560px;
	font-size:12px;
	}		
	
	.deco_wrapper a{
		color:#32FD40;}
		
		/** 
		 * Slideshow style rules.
		 */
		#slideshow {
			margin:0 auto;
			width:680px;
			height:380px;
			background:transparent url(img/bg_slideshow.jpg) no-repeat 0 0;
			position:relative;
			left:-70px;
			/*top:-280px;*/
		}
		#slideshow #slidesContainer {
		  margin:0 auto;
		  width:560px;
		  height:380px;
		  overflow:auto; /* allow scrollbar */
		  position:relative;
		}
		#slideshow #slidesContainer .slide {
		  margin:0 auto;
		  width:750px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
		  height:380px;
		}
		
		/** 
		 * Slideshow controls style rules.
		 */
		.control {
		  display:block;
		  width:52px;
		  height:82px;
		  text-indent:-10000px;
		  position:absolute;
		  cursor: pointer;
		}
		#leftControl {
		  top:140px;
		  left:0;
		  background:transparent url(images/prev.png) no-repeat 0 0;
		}
		#leftControl:hover {
		  background:transparent url(images/prev-hover.png) no-repeat 0 0;
		}
		#rightControl {
		  top:140px;
		  right:0;
		  background:transparent url(images/next.png) no-repeat 0 0;
		}
		#rightControl:hover {
		  background:transparent url(images/next-hover.png) no-repeat 0 0;
		}

		#pageContainer {
		  margin:0 auto;
		  width:960px;
		}
		#pageContainer h1 {
		  display:block;
		  width:960px;
		  height:114px;
		  background:transparent url(img/bg_pagecontainer_h1.jpg) no-repeat top left;
		  text-indent: -10000px;
		}
		.slide h2, .slide p {
		  margin:15px;
		}
		.slide h2 {
		  font:italic 24px Georgia, "Times New Roman", Times, serif;
		  color:#ccc;
		  letter-spacing:-1px;
		}
		.slide img {
		  float:right;
		  /*margin:0 15px;*/
		}
		

	
	
	

/*--------------------*/	
/*-------MUIQUE-------*/
/*--------------------*/


#page3 h1{
color:#f9c732;
}
	
.musique_wrapper{
	font-size:12px;
	color:#FFF;
	position:relative;
	/*left:480px;
	top:-400px;*/
	width:520px;
	}	
	
.musique_banner{
	position:relative;
	/*left:480px;
	top:-380px;*/
	width:489px;
	height:200px;
	margin-top:15px;}
	
.soundcloud_wrapper{
	width:489px;
	position:relative;
	/*left:480px;
	top:-380px;*/}
	
	.mix{
	margin-top: 15px;
	margin-bottom: 15px;
}
	
	.soundcloud_wrapper span a{
	font-size:10px;
	color:#f9c732;
	margin-bottom:5px;
	margin-top:15px;}
	
/*--------------------*/	
/*------GALLERIE------*/
/*--------------------*/


#polygones_wrapper h1{
color:#9900cc;
margin-bottom:20px;
margin-top:10px;
/*margin-left:60px;*/
padding-right: 25px;
text-align: right
}

gallerie_wrapper{
	margin-top:90px;
	position:relative;
	/*left:60px;
	top:20px;
	width:320px;*/
	text-align:right;
}	

	.gallerie_wrapper h1{
		color:#9900cc;
		margin-bottom:20px;
		margin-top:10px;
		/*margin-left:60px;*/
		padding-right: 25px;
		text-align: right;
		padding-top:220px;
	}

		.float_left{
			float:left;
			}
			
	.list_events{
		padding-top:240px;}
		
	.gallerie_wrapper li{
		display:block;
		color:#fff;
		margin-bottom:15px;
		font-size:12px;
	}	
	
	.gallerie_wrapper a:hover{
		color:#9900cc;
		cursor:pointer;
	}	

	
	

	
/*--------------------*/	
/*------CONTACT-------*/
/*--------------------*/

#page5 h1{
	color:#0FF;
	text-align:right;
	margin-right:40px;
	}
	
.contact_wrapper{
	position:relative;
	left:-60px;
	/*top:-200px;*/
	width:700px;
	font-size:12px;
	}
	
	.float_contact{
		width:350px;
		float:left;
		margin-top:90px;}
	
.contact_wrapper a{
	display:block;
	height:75px;
	vertical-align:middle;
	height: 65px;
    margin-top: 10px;}
	
	.contact_wrapper a:hover{
	color:#0FF;}
	
	.contact_wrapper a img, .contact_wrapper a p{
	float:left;}
	
	.contact_wrapper a p{
		padding-top:25px;
		margin-left:15px;}









/*--------------------*/	
/*------SLIDERS GALLERIE------*/
/*--------------------*/



.slider_wrapper{
	width:600px;
	margin:40px auto;
	font-family: Monaco, "Lucida Console", monospace;
	color:#9900cc;
	}
	
	
.slider_wrapper h2{
font-size:12px;
font-weight:lighter;
}
	
.gallerie_wrapper{
	margin-top:90px;
	position:relative;
	/*left:60px;
	top:20px;
	width:320px;*/
	text-align:right;
	}	
	
	#polygones_wrapper li{
		margin-bottom:15px;
		font-size:12px;
		/*margin-left:60px;*/
		padding-right: 25px;
    	text-align: right;}
		
		#polygones_wrapper li:hover{
		color:#9900cc;
		cursor:pointer;}
		
		/*taille images : 615 × 440*/
		
.events_images{
	width:615px;
	height:440px;
	position:relative;

	top:0px;
	/*left:420px;
	top:-490px;*/
	}
	
	#images_event1, #images_event2, #images_event3{
	width:615px;
	height:440px;
	position:absolute;
	top:0px;
	left:-70px;/*
	overflow:hidden;*/
	visibility:hidden;
	}
	
	#event1{
		color:#9900cc;
		}
	
	#images_event1 {
			visibility:visible;
		}
		
	
		
		
		/** 
		 * Slideshow style rules.
		 */
		#slideshow2, #slideshow3, #slideshow4 {
			margin:0 auto;
			width:750px;
			height:440px;
			position:relative;
			/*
			left:200px;
			top:-280px;*/
		}
		#slideshow2 #slidesContainer2, #slideshow3 #slidesContainer3, #slideshow4 #slidesContainer4  {
		  margin:0 auto;
		  width:615px;
		  height:440px;
		  overflow:auto; /* allow scrollbar */
		  position:relative;
		}
		#slideshow2 #slidesContainer2 .slide2, #slideshow3 #slidesContainer3 .slide3, #slideshow4 #slidesContainer4 .slide4 {
		  margin:0 auto;
		  width:750px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
		  height:440px;
		}
		
		/** 
		 * Slideshow controls style rules.
		 */
		.control2, .control3, .control4 {
		  display:block;
		  width:52px;
		  height:82px;
		  text-indent:-10000px;
		  position:absolute;
		  cursor: pointer;
		}
		#leftControl2, #leftControl3, #leftControl4 {
		  top:175px;
		  left:0;
		  background:transparent url(images/prev2.png) no-repeat 0 0;
		}
		#leftControl2:hover, #leftControl3:hover, #leftControl4:hover {
		  background:transparent url(images/prev2-hover.png) no-repeat 0 0;
		}
		#rightControl2, #rightControl3 , #rightControl4 {
		  top:175px;
		  right:0;
		  background:transparent url(images/next2.png) no-repeat 0 0;
		}
		#rightControl2:hover, #rightControl3:hover, #rightControl4:hover {
		  background:transparent url(images/next2-hover.png) no-repeat 0 0;
		}

		/*#pageContainer2 {
		  margin:0 auto;
		  width:960px;
		}*/
		
		.slide2 img, .slide3 img, .slide4 img {
		  float:right;
		  /*margin:0 15px;*/
		}
	


