/* ----------------- NAVIGATION FRANCAISE ----------------- */

/* ------------ Nav principale ------------ */
ul#nav {
	position: relative;
	height: 61px;
	margin: 10px 0 0 330px;
	list-style: none;
}

ul#nav li {
	float: left;
	height: 61px;
}

ul#nav li a {
	display: block;
	height: 61px;
}

ul#nav li a span {
	display: none;
}

ul#nav li#home a {
	width: 111px;
	background: url(../images/nav/home.png) no-repeat center top;
}

ul#nav li#home a:hover,
ul#nav li#home a.on {
	background: url(../images/nav/home.png) no-repeat center bottom;
}

ul#nav li#portfolio a {
	width: 150px;
	background: url(../images/nav/portfolio.png) no-repeat center top;
}

ul#nav li#portfolio a:hover,
ul#nav li#portfolio a.on {
	background: url(../images/nav/portfolio.png) no-repeat center bottom;
}

ul#nav li#contact a {
	width: 137px;
	background: url(../images/nav/contact.png) no-repeat center top;
}

ul#nav li#contact a:hover,
ul#nav li#contact a.on {
	background: url(../images/nav/contact.png) no-repeat center bottom;
}

ul#nav li#liens a {
	width: 97px;
	background: url(../images/nav/liens.png) no-repeat center top;
}

ul#nav li#liens a:hover,
ul#nav li#liens a.on {
	background: url(../images/nav/liens.png) no-repeat center bottom;
}

ul#nav li#cv a {
	width: 80px;
	background: url(../images/nav/cv.png) no-repeat center top;
}

ul#nav li#cv a:hover,
ul#nav li#cv a.on {
	background: url(../images/nav/cv.png) no-repeat center bottom;
}



/* ------------ Sous-menus ------------ */
ul#sousmenu {
	position: absolute;
	width: 697px;
	height: 26px;
	top: 120px;
	left: -190px;
	list-style: none;
}

ul#sousmenu li {
	float: left;
	height: 26px;
	padding: 0 15px 0 15px;
}

ul#sousmenu li a {
	display: block;
	height: 26px;
}

ul#sousmenu li a span {
	display: none;
}

/* Portfolio */
ul#sousmenu li#webdesign a {
	width: 88px;
	background: url(../images/sousmenus/webdesign.png) no-repeat center top;
}

ul#sousmenu li#webdesign a:hover,
ul#sousmenu li#webdesign a.on {
	background: url(../images/sousmenus/webdesign.png) no-repeat center bottom;
}

ul#sousmenu li#emailings a {
	width: 83px;
	background: url(../images/sousmenus/emailings.png) no-repeat center top;
}

ul#sousmenu li#emailings a:hover,
ul#sousmenu li#emailings a.on {
	background: url(../images/sousmenus/emailings.png) no-repeat center bottom;	
}

ul#sousmenu li#reliure a {
	width: 63px;
	background: url(../images/sousmenus/reliure.png) no-repeat center top;
}

ul#sousmenu li#reliure a:hover,
ul#sousmenu li#reliure a.on {
	background: url(../images/sousmenus/reliure.png) no-repeat center bottom;
}

ul#sousmenu li#photo a {
	width: 63px;
	background: url(../images/sousmenus/photo.png) no-repeat center top;
}

ul#sousmenu li#photo a:hover,
ul#sousmenu li#photo a.on {
	background: url(../images/sousmenus/photo.png) no-repeat center bottom;
}

ul#sousmenu li#illustration a {
	width: 93px;
	background: url(../images/sousmenus/illustration.png) no-repeat center top;
}

ul#sousmenu li#illustration a:hover,
ul#sousmenu li#illustration a.on {
	background: url(../images/sousmenus/illustration.png) no-repeat center bottom;
}

ul#sousmenu li#peinture a {
	width: 127px;
	background: url(../images/sousmenus/peinture.png) no-repeat center top;
}

ul#sousmenu li#peinture a:hover,
ul#sousmenu li#peinture a.on {
	background: url(../images/sousmenus/peinture.png) no-repeat center bottom;
}

/*ul#sousmenu li#video a {
	width: 61px;
	background: url(../images/sousmenus/video.png) no-repeat center top;
}

ul#sousmenu li#video a:hover,
ul#sousmenu li#video a.on {
	background: url(../images/sousmenus/video.png) no-repeat center bottom;	
}*/

/* CV */
ul#sousmenu li#competences a {
	width: 106px;
	background: url(../images/sousmenus/competences.png) no-repeat center top;
}

ul#sousmenu li#competences a:hover,
ul#sousmenu li#competences a.on {
	background: url(../images/sousmenus/competences.png) no-repeat center bottom;
}

ul#sousmenu li#informatique a {
	width: 106px;
	background: url(../images/sousmenus/informatique.png) no-repeat center top;
}

ul#sousmenu li#informatique a:hover,
ul#sousmenu li#informatique a.on {
	background: url(../images/sousmenus/informatique.png) no-repeat center bottom;
}

ul#sousmenu li#experience a {
	width: 90px;
	background: url(../images/sousmenus/experience.png) no-repeat center top;
}

ul#sousmenu li#experience a:hover,
ul#sousmenu li#experience a.on {
	background: url(../images/sousmenus/experience.png) no-repeat center bottom;
}

ul#sousmenu li#formation a {
	width: 90px;
	background: url(../images/sousmenus/formation.png) no-repeat center top;
}

ul#sousmenu li#formation a:hover,
ul#sousmenu li#formation a.on {
	background: url(../images/sousmenus/formation.png) no-repeat center bottom;
}

ul#sousmenu li#pdf a {
	width: 70px;
	background: url(../images/sousmenus/pdf.png) no-repeat center top;
}

ul#sousmenu li#pdf a:hover,
ul#sousmenu li#pdf a.on {
	background: url(../images/sousmenus/pdf.png) no-repeat center bottom;
}