/*  CSS MENU  */
#submenu-port {
	margin:0;
	width:731px;
	padding:0;
	float:left;
	clear:both;
	height:38px;
}

div submenu-port ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	height:38px;
}

li {
	margin:0; 
	padding:0;
}

#subleft {
	width:54px;
	display:block; 
	height:38px;
	background-image:url("sub-left.png");
	background-repeat:no-repeat;
}

#subright {
	width:53px;
	display:block; 
	height:38px;
	background-image:url("sub-right.png");
	background-repeat:no-repeat;
}

/*----------------  BOUTON WEB ------------------- */

a.web {
	width:78px; 
	display:block; 
	height:38px;
	background:url("web.jpg");
	background-position:0px 38px;
}

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

/* sur section */
#web_on {
	width:78px; 
	display:block;
	height:38px;
	background:url("web.jpg");
	background-position:0px 0px;
}
/*----------------  BOUTON PRINT ------------------- */

a.print {
	width:78px; 
	display:block; 
	height:38px;
	background:url("print.jpg");
	background-position:0px 38px;
}

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

/* sur section */
#print_on {
	width:78px; 
	display:block;
	height:38px;
	background:url("print.jpg");
	background-position:0px 0px;
}

/*----------------  BOUTON MOTION ------------------- */

a.motion {
	width:78px; 
	display:block; 
	height:38px;
	background:url("motion.jpg");
	background-position:0px 38px;
}

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

/* sur section */
#motion_on {
	width:78px; 
	display:block;
	height:38px;
	background:url("motion.jpg");
	background-position:0px 0px;
}

/*----------------  BOUTON 3D ------------------- */

a.dd {
	width:78px; 
	display:block; 
	height:38px;
	background:url("3d.jpg");
	background-position:0px 38px;
}

a.dd:hover {
	background-image:url("3d.jpg"); 
	background-position:0px 76px;
}

/* sur section */
#dd_on {
	width:78px; 
	display:block;
	height:38px;
	background:url("3d.jpg");
	background-position:0px 0px;
}

/*----------------  BOUTON GRAFITTI ------------------- */

a.grafitti {
	width:78px; 
	display:block; 
	height:38px;
	background:url("grafitti.jpg");
	background-position:0px 38px;
}

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

/* sur section */
#grafitti_on {
	width:78px; 
	display:block;
	height:38px;
	background:url("grafitti.jpg");
	background-position:0px 0px;
}

/*----------------  BOUTON PHOTO ------------------- */

a.photo {
	width:78px; 
	display:block; 
	height:38px;
	background:url("photo.jpg");
	background-position:0px 38px;
}

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

/* sur section */
#photo_on {
	width:78px; 
	display:block;
	height:38px;
	background:url("photo.jpg");
	background-position:0px 0px;
}

/*----------------  BOUTON VIDEO ------------------- */

a.video {
	width:78px; 
	display:block; 
	height:38px;
	background:url("video.jpg");
	background-position:0px 38px;
}

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

/* sur section */
#video_on {
	width:78px; 
	display:block;
	height:38px;
	background:url("video.jpg");
	background-position:0px 0px;
}

/*----------------  BOUTON x ------------------- */

a.x {
	width:78px; 
	display:block; 
	height:38px;
	background:url("x.jpg");
	background-position:0px 38px;
}

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

/* sur section */
.x_on {
	width:78px; 
	display:block;
	height:38px;
	background:url("x.jpg");
	background-position:0px 0px;
}