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

/* ------------ Nav principale ------------ */
ul#nav {
	position: relative;
	height: 61px;
	margin: 10px 0 0 295px;
	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#links a {
	width: 97px;
	background: url(../images/nav/links.png) no-repeat center top;
}

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

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

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



/* ------------ Sous-menus ------------ */
ul#sousmenu {
	position: absolute;
	width: 680px;
	height: 26px;
	top: 120px;
	left: -143px;
	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#bookbinding a {
	width: 103px;
	background: url(../images/sousmenus/bookbinding.png) no-repeat center top;
}

ul#sousmenu li#bookbinding a:hover,
ul#sousmenu li#bookbinding a.on {
	background: url(../images/sousmenus/bookbinding.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#graphics a {
	width: 75px;
	background: url(../images/sousmenus/graphics.png) no-repeat center top;
}

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

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

ul#sousmenu li#paintings a:hover,
ul#sousmenu li#paintings a.on {
	background: url(../images/sousmenus/paintings.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#generalskills a {
	width: 108px;
	background: url(../images/sousmenus/generalskills.png) no-repeat center top;
}

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

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

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

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

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

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

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

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

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