/* 
Title: Vertical CSS menu with a behavior file.
Author: Stefan Vervoort
Blog: http://www.divitodesign.com/blog/ 
Article: http://www.divitodesign.com/blog/2008/01/vertical-css-menu-with-a-behavior-file/
*/

a{
	
	text-decoration:none;
	}
ul.navFr{
	max-width:700px;
}

ul.navEn{
	max-width:600px;
}
	
ul#nav {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	position:relative;
	height:70px;
}

ul#nav li a:hover, ul#nav li a.actif{
	color:#000;
}

ul#nav li {
	text-align:left;
	margin-right:0px;
	float:left;
}


ul#nav li a {
	display: block;
	float: left;
	font-family: 'NovecentowideNormal', sans-serif;
	color:#919090;
	font-size:1.1em;
	letter-spacing:0.1em;
	text-transform:uppercase;
}

li ul {
	display: none;
	position: absolute;
	width:100px;
	top: 0;
	left: 0;
	font-weight: normal;
	padding: 1px 0 3px 0;
	margin-left:-1px;
}

li>ul.subExpo {
	margin-top:13px;
	display: none;
	left: 208px;
	z-index:1005;
}

li>ul.subExpoEn {
	margin-top:13px;
	display: none;
	left: 180px;
	z-index:1005;
}

li>ul.subGalerie {
	margin-top:13px;
	display: none;
	left: 543px;
	z-index:1005;
	width:140px;
}

li>ul.subGalerieEn {
	margin-top:13px;
	display: none;
	left: 455px;
	z-index:1005;
}

li>ul.subExpo li, li>ul.subExpoEn li, li>ul.subGalerie li, li>ul.subGalerieEn li {
	float:none!important;
}

li>ul.subExpo li a, li>ul.subExpoEn li a, li>ul.subGalerie li a, li>ul.subGalerieEn li a {
	font-size:1em!important;
}

li:hover ul, li.over ul {
	display: block;
}

ul.subGalerie li a, ul.subExpo li a, ul.subGalerieEn li a, ul.subExpoEn li a{
	margin-bottom:0!important;
	clear:both!important;
}

ul#nav a#bt-accueil{
	background:url(../../graphisme/bt-acceuil.png) no-repeat;
	width: 95px;
	height: 14px;
}

ul#nav a#bt-accueil-en{
	background:url(../../graphisme/bt-acceuil-en.png) no-repeat;
	width: 70px;
	height: 14px;
}

ul#nav a#bt-artistes{
	background:url(../../graphisme/bt-artistes.png) no-repeat;
	width: 98px;
	height: 14px;
}

ul#nav a#bt-artistes-en{
	background:url(../../graphisme/bt-artistes-en.png) no-repeat;
	width: 95px;
	height: 14px;
}


ul#nav a#bt-expo{
	background:url(../../graphisme/bt-expo.png) no-repeat;
	width: 128px;
	height: 14px;
}

ul#nav a#bt-expo-en{
	background:url(../../graphisme/bt-expo-en.png) no-repeat;
	width: 128px;
	height: 14px;
}

ul#nav a#bt-presse{
	background:url(../../graphisme/bt-presse.png) no-repeat;
	width: 80px;
	height: 14px;
}

ul#nav a#bt-presse-en{
	background:url(../../graphisme/bt-presse-en.png) no-repeat;
	width: 73px;
	height: 14px;
}

ul#nav a#bt-actu{
	background:url(../../graphisme/bt-actu.png) no-repeat;
	width: 124px;
	height: 14px;
}

ul#nav a#bt-actu-en{
	background:url(../../graphisme/bt-actu-en.png) no-repeat;
	width: 73px;
	height: 14px;
}

ul#nav a#bt-galerie{
	background:url(../../graphisme/bt-galerie.png) no-repeat;
	width: 95px;
	height: 14px;
}

ul#nav a#bt-galerie-en{
	background:url(../../graphisme/bt-galerie-en.png) no-repeat;
	width: 98px;
	height: 14px;
}

ul#nav a#bt-accueil:hover, ul#nav a#bt-accueil-en:hover, ul#nav a#bt-artistes:hover, ul#nav a#bt-artistes-en:hover, ul#nav a#bt-presse:hover, ul#nav a#bt-presse-en:hover, ul#nav a#bt-actu:hover, ul#nav a#bt-actu-en:hover, ul#nav a#bt-galerie:hover, ul#nav a#bt-galerie-en:hover, ul#nav a#bt-expo:hover, ul#nav a#bt-expo-en:hover, ul#nav li a.actif{
	background-position:bottom!important;
}


span.separation{
	float:left;
	background:url(../../graphisme/separation.png) no-repeat top;
	width:4px;
	height:14px;
	display:block;
	padding-right:3px;
}

li#positionLangues{
	float:right!important;
}

#langues{
	float:right!important;
	margin-top:-1px;
	margin-left:0;
	width:50px;
}

#fr{
	padding-right:3px;
}