@charset "utf-8";
#menu, #menu ul {
	list-style-type: none;
	margin: 0px;
	text-align: center;
	line-height : 25px;
	padding: 0px;
}

#menu {
	padding-bottom:25px;	
}

#menu li {
	float: left;
}
#menu li ul { /* sous menu */
	position:absolute;
	/* width:200px; */
}

#menu a {
	display: block;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	background-repeat: no-repeat;
}

/* ACCUEIL V3*/

#menu #cat0 {
	width: 75px;
	background-image: url(images/menu/accueil.gif);
}

#menu #cat0:hover {
	background-image: url(images/menu/accueil_h.gif);
}

/* PRESENTATION V3 */

#menu #cat1{
	width:150px;
	background-image: url(images/menu/pres.gif);
}
#menu #cat1:hover {
	background-image: url(images/menu/pres_h.gif);
}

#menu #sous1 ,#menu #sous1 a{
	width:150px;	
}

#menu #sous1 .smenu1 {
	background-image: url(images/menu/pres_1.gif);
}
#menu #sous1 .smenu2 {
	background-image: url(images/menu/pres_2.gif);
}
#menu #sous1 .smenu3 {
	background-image: url(images/menu/pres_3.gif);
}

#menu #sous1 .smenu4 {
	background-image: url(images/menu/pres_4.gif);
}

#menu #sous1 .close {
	background-image: url(images/menu/pres_5.gif);
}


/* COMPETENCE V3 */

#menu #cat2{
	width:200px;
	background-image: url(images/menu/comp.gif);
}
#menu #cat2:hover {
	background-image: url(images/menu/comp_h.gif);
}


#menu #sous2 ,#menu #sous2 a{
	width:200px;	
}

#menu #sous2 .smenu1 {
	background-image: url(images/menu/comp_1.gif);
}
#menu #sous2 .smenu2 {
	background-image: url(images/menu/comp_2.gif);
}

#menu #sous2 .close {
	background-image: url(images/menu/comp_3.gif);
}

/* TRAVAILLER V3  */

#menu #cat3{
	width:150px;
	background-image: url(images/menu/tra.gif);
}
#menu #cat3:hover {
	background-image: url(images/menu/tra_h.gif);
}

#menu #sous3 ,#menu #sous3 a{
	width:150px;	
}

#menu #sous3 .smenu1 {
	background-image: url(images/menu/tra_1.gif);
}
#menu #sous3 .smenu2 {
	background-image: url(images/menu/tra_2.gif);
}

#menu #sous3 .close {
	background-image: url(images/menu/tra_3.gif);
}

/* NOS REFERENCES V3*/

#menu #cat4 {
	width: 125px;
	background-image: url(images/menu/ref.gif);
}

#menu #cat4:hover {
	background-image: url(images/menu/ref_h.gif);
}

/* ACTUALITE V3*/
#menu #cat5 {
	width: 100px;
	background-image: url(images/menu/actu.gif);
}

#menu #cat5:hover {
	background-image: url(images/menu/actu_h.gif);
}