/*  CSS MENU  */

ul {
	margin: 0 0 0 0;
	padding:0;
	list-style:none ;
	height:35px ;
}

html>body ul{margin: 0px 0px 0px 0px;}  

li {
	float: left;  
	margin: 0 0 0 0; 
	padding: 0;
}

#left {
	width:46px;
	display: block; 
	height: 35px;
	background-image:url("left.png");
	background-repeat:no-repeat;
}

#right {
	width:45px;
	display: block; 
	height: 35px;
	background-image:url("right.png");
	background-repeat:no-repeat;
}

#menu {
	display: block;
	height: 35px;
	clear: both;
}


/*----------------  BOUTON HOME ------------------- */

a.home {
	width: 106px; 
	display: block; 
	height: 35px;
	background: url("home.jpg");
	background-position: 0 0px
}

a.home:hover {
	background-image: url("home.jpg"); 
	background-position: 0 35px ;
}

/* sur section */
#home_on {
	width: 106px; 
	display: block;
	height: 35px;
	background: url("home.jpg");
	background-position: 0 35px;
}

/*----------------  BOUTON CONCEPT --------------- */

a.concept {
	width: 107px; 
	display: block;
	height: 35px;
	background-color: transparent ;
	background: url("concept.jpg");
	background-position: 0 0;
}

a.concept:hover {
	background-image: url("concept.jpg"); 
	background-position: 0 35px;
}

/* sur section */
#concept_on {
	width: 107px; 
	display: block;
	height: 35px;
	background-color: transparent ;
	background: url("concept.jpg");
	background-position: 0 35px;
}

/*----------------  BOUTON PORTFOLIO --------------- */

a.portfolio {
	width: 107px; 
	display: block;
	height: 35px;
	background-color: transparent ;
	background: url("portfolio.jpg");
	background-position: 0 0;
}

a.portfolio:hover {
	background-image: url("portfolio.jpg"); 
	background-position: 0 35px;
}

/* sur section */
#portfolio_on {
	width: 107px; 
	display: block;
	height: 35px;
	background-color: transparent ;
	background: url("portfolio.jpg");
	background-position: 0 35px;
}

/*----------------  BOUTON COURS --------------- */

a.cours {
	width: 107px; 
	display: block;
	height: 35px;
	background-color: transparent ;
	background: url("cours.jpg");
	background-position: 0 0;
}

a.cours:hover {
	background-image: url("cours.jpg"); 
	background-position: 0 35px;
}

/* sur section */
#cours_on {
	width: 107px; 
	display: block;
	height: 35px;
	background-color: transparent ;
	background: url("cours.jpg");
	background-position: 0 35px;
}

/*----------------  BOUTON SHOP --------------- */

a.shop {
	width: 107px; 
	display: block;
	height: 35px;
	background-color: transparent ;
	background: url("shop.jpg");
	background-position: 0 0;
}

a.shop:hover {
	background-image: url("shop.jpg"); 
	background-position: 0 35px;
}

/* sur section */
#shop_on {
	width: 107px; 
	display: block;
	height: 35px;
	background-color: transparent ;
	background: url("shop.jpg");
	background-position: 0 35px;
}

/*----------------  BOUTON CONTACT --------------- */

a.contact {
	width: 106px; 
	display: block;
	height: 35px;
	background-color: transparent ;
	background: url("contact.jpg");
	background-position: 0 0;
}

a.contact:hover {
	background-image: url("contact.jpg"); 
	background-position: 0 35px;
}

/* sur section */
#contact_on {
	width: 106px; 
	display: block;
	height: 35px;
	background-color: transparent ;
	background: url("contact.jpg");
	background-position: 0 35px;
}