/* Default */

#nav {
width: 770px;
min-height: 31px;
position: relative;
background: url(../img/nav_main.png);
margin: 0;
padding: 0;
width:775px;
}

#navigation {
	background-color:#FFF;
	margin-left:4px;
	width:775px;
}

#nav li {
float: left;
}

#nav li a {
top: 0; 
margin: 0;
padding: 0;
display: block;
min-height: 31px;
background: url(../img/nav_main.png) no-repeat;
text-indent: -9999px;
overflow: hidden;
} 

/*up state*/
li#nav_home a {
left: 17px;
width: 96px;
background-position: -17px 0;
}

li#nav_propos a {
left: 113px;
width: 119px;
background-position: -113px 0;
}

li#nav_programmes a {
left: 231px;
width: 145px;
background-position: -231px 0;
}

li#nav_inscription a {
left: 376px;
width: 138px;
background-position: -376px 0;
}

li#nav_videos a {
left: 513px;
width: 91px;
background-position: -513px 0;
}

li#nav_contact a {
left: 603px;
width: 155px;
background-position: -603px 0;
}

/*hover state*/
li#nav_home a:hover {
background-position: -17px -32px;
}

li#nav_propos a:hover {
background-position: -113px -32px;
}

li#nav_programmes a:hover {
background-position: -231px -32px;
}

li#nav_inscription a:hover {
background-position: -376px -32px;
}

li#nav_videos a:hover {
background-position: -513px -32px;
}

li#nav_contact a:hover {
background-position: -603px -32px;
}



li#nav_inscription:hover #sub div{
	display:block;
}
li#nav_programmes:hover #sub div{
	display:block;
}

#sub {
	color:#00ff00;	
}
#sub div{
	clear:both;
	display:none;
	border-bottom:1px solid #fff;
	color:#fff;
	background-color:#183b68;
	width:300px;
	height:20px;
}
#sub div a{
	background-color:#96BEDD ;
	text-decoration:none;
	padding:3px;
	background:none;
	width:auto;
	color:#fff;
	display:block;
	text-indent: 0px;
	min-height:0px;
	height:14px;
}
#sub div a:hover{
	background-color:#1D9DC6;
	color:#fff;
}