body { 
font-family: Arial;
background-color: #000000;
text-align: center;
margin:0px;
margin-top: 0;
margin-bottom: 0;
}
#menu{
	display: block;
	width:964px;
	font-family: verdana;
	font-weight:bolder;
	font-size:13px;
}
#menu #home{
	float:left;
	display: block;
	width: 134px;
    height: 20px;
    background: url("/images/menu/menu_home.png") no-repeat 0 0;
}
#menu #home:hover{
    background: url("/images/menu/menu_home.png") no-repeat 0 0;
	background-position: 0 -20px;
}
#menu #propos{
	float:left;
	display: block;
	width: 134px;
    height: 20px;
    background: url("/images/menu/menu_propos.png") no-repeat 0 0;
}
#menu #propos:hover{
    background: url("/images/menu/menu_propos.png") no-repeat 0 0;
	background-position: 0 -20px;
}
#menu #choregraphe{
	float:left;
	display: block;
	width: 134px;
    height: 20px;
    background: url("/images/menu/menu_coregraphe.png") no-repeat 0 0;
}
#menu #choregraphe:hover{
    background: url("/images/menu/menu_coregraphe.png") no-repeat 0 0;
	background-position: 0 -20px;
}
#menu #spectacles{
	float:left;
	display: block;
	width: 134px;
    height: 20px;
    background: url("/images/menu/menu_spectacles.png") no-repeat 0 0;
}
#menu #spectacles:hover{
    background: url("/images/menu/menu_spectacles.png") no-repeat 0 0;
	background-position: 0 -20px;
}
	#menu_spectacles{
			top: 0px;
			display:none;
			position:absolute;
			width: 134px;
			z-index: 1000;
			color: #fffff;
			font-weight:bold;
			font-family: verdana;
			
	}
		#menu_spectacles #inner{
			margin-top: 20px;
			background: url("/images/menu/fond_drop.png") no-repeat 0 0;
			background-position: center bottom;
			
		}
		#inner a {
			display: block;
		}
		#inner #ficelle {
			height:20px;
			cursor:pointer;
			display:block;
			background: url("/images/menu/menu_ficelle_off.png") no-repeat 0 0;
		}
		#inner #ficelle:hover {
			background: url("/images/menu/menu_ficelle_on.png") no-repeat 0 0;
		}
		#inner #romeos {
			height:20px;
			cursor:pointer;
			background: url("/images/menu/menu_romeos_off.png") no-repeat 0 0;
		}
		#inner #romeos:hover {
			background: url("/images/menu/menu_romeos_on.png") no-repeat 0 0;
		}
		#inner #poids {
			height:20px;
			cursor:pointer;
			background: url("/images/menu/menu_poids_off.png") no-repeat 0 0;
		}
		#inner #poids:hover {
			background: url("/images/menu/menu_poids_on.png") no-repeat 0 0;
		}
		#inner #travaux {
			height:20px;
			cursor:pointer;
			background: url("/images/menu/menu_travaux_off.png") no-repeat 0 0;
		}
		#inner #travaux:hover {
			background: url("/images/menu/menu_travaux_on.png") no-repeat 0 0;
		}
		#inner #specimen {
			height:20px;
			cursor:pointer;
			background: url("/images/menu/menu_specimen_off.png") no-repeat 0 0;
		}
		#inner #specimen:hover {
			background: url("/images/menu/menu_specimen_on.png") no-repeat 0 0;
		}
		#inner #obstacle {
			height:20px;
			cursor:pointer;
			background: url("/images/menu/menu_obstacle_off.png") no-repeat 0 0;
		}
		#inner #obstacle:hover {
			background: url("/images/menu/menu_obstacle_on.png") no-repeat 0 0;
		}

#menu #calendrier{
	float:left;
	display: block;
	width: 134px;
    height: 20px;
    background: url("/images/menu/menu_calendrier.png") no-repeat 0 0;
}
#menu #calendrier:hover{
    background: url("/images/menu/menu_calendrier.png") no-repeat 0 0;
	background-position: 0 -20px;
}
#menu #sensibilisation{
	float:left;
	display: block;
	width: 134px;
    height: 20px;
    background: url("/images/menu/menu_sensibilisation.png") no-repeat 0 0;
}
#menu #sensibilisation:hover{
    background: url("/images/menu/menu_sensibilisation.png") no-repeat 0 0;
	background-position: 0 -20px;
}
#menu #contact{
	float:left;
	display: block;
	width: 134px;
    height: 20px;
    background: url("/images/menu/menu_contact.png") no-repeat 0 0;
}
#menu #contact:hover{
    background: url("/images/menu/menu_contact.png") no-repeat 0 0;
	background-position: 0 -20px;
}



#ligne_separation{
	clear:both;
	display: block;
	height:2px;
	width:964px;
	background-color:#fff;
}





.choregraphe {
background-image: url('../images/choregraphe.jpg');
background-repeat: no-repeat;
background-position: top right;
}
.calendrier {
padding-left: 425px;
background-color: red;
}
.repertoire {
background-image: url('../images/fond_repertoire.jpg');
background-repeat: no-repeat;
background-position: top left;
}
.rep_telecharger {
position:absolute;
left:700px;
top:-10px;
}
.rep_titre {
position:absolute;
left:250px;
top:-50px;
}
.presse {
background-image: url('../images/fond_presse.jpg');
}
.article_presse {
width: 235px;
padding: 8px;
color: #666666;
}

/* Jquery the thumbnails */
#triggers {
	text-align:center;
}
 
#triggers img {
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	margin:15px 2px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
 
/* the active thumbnail */
#triggers a.active img {
	outline:1px solid #000;
 
	/* show on top of the expose mask */
	z-index:9999;
	position:relative;
}
/**************************************/