/* ###################### MENU ################################ */


/* MENU */
#menu{
	position:absolute;
	width:800px;
	height:34px;
	top:545px;
	background:url("images/menu-strateges.png") no-repeat top left;
	z-index:100;
}

#menu li{
	display:inline;
}

#menu li a{
	display:block;
	float:left;
	height:34px;
	margin-right:3px;
	position:relative;
}

#menu li a:hover{
	text-decoration: none;
	position:relative;
	z-index:200;
}

#menu li a.select{
	text-decoration: none;
	position:relative;
	/*z-index:500;*/
}

/* la barre de couleur */

#menu a span.barre{
	width:740px;
	height:9px;
	font-size:1px;
	position:absolute;
	top:23px;
	left:0;
	visibility:hidden;
	display:none;
	z-index:0;
	overflow:hidden;
}

#menu a span.carre{
	width:11px;
	height:11px;
	background:transparent url("images/carre.png") no-repeat top left !important; /*IE6*/
	background:none;																															/*IE*/
	font-size:1px;
	position:absolute;
	top:22px;
	left:0;
	visibility:hidden;
	display:none;
	z-index:0;
}

#menu a:hover span.carre{
	z-index:1000;
}

#menu a.select span.carre{
	z-index:1500;
}

/** LES ITEMS DU MENU **/

/* ## Accueil ## */
#menu li.accueil a{
	width:98px;
}

#menu li.accueil a:hover, #menu li.accueil a.select{
	background:url("images/menu-strateges.png") no-repeat 0px -31px;
}

#menu li.accueil a:hover span.barre, #menu li.accueil a.select span.barre{
	background:#DDDC00;
	color:#DDDC00;
	display:block;
	visibility:visible;
	left:0;
}

/*#menu li.accueil a:hover span.carre, */#menu li.accueil a.select span.carre{
	display:block;
	visibility:visible;
	left:59px;
}


/* ## Philosophie ## */
#menu li.philo a{
	width:105px;
}

#menu li.philo a:hover, #menu li.philo a.select{
	background:url("images/menu-strateges.png") no-repeat -101px -31px;
}

#menu li.philo a:hover span.barre, #menu li.philo a.select span.barre{
	background:#60c3da;
	color:#60c3da;
	display:block;
	visibility:visible;
	left:-101px;
}

/*#menu li.philo a:hover span.carre, */#menu li.philo a.select span.carre{
	display:block;
	visibility:visible;
	left:48px;
}

/* ## Domaines d'intervention ## */
#menu li.domaines a{
	width:213px;
}

#menu li.domaines a:hover, #menu li.domaines a.select{
	background:url("images/menu-strateges.png") no-repeat -209px -31px;
}

#menu li.domaines a:hover span.barre, #menu li.domaines a.select span.barre{
	background:#FFD300;
	color:#FFD300;
	display:block;
	visibility:visible;
	left:-209px;
}

/*#menu li.domaines a:hover span.carre,*/ #menu li.domaines a.select span.carre{
	display:block;
	visibility:visible;
	left:92px;
}

/* ## Book & références ## */
#menu li.book a{
	width:162px;
}

#menu li.book a:hover, #menu li.book a.select{
	background:url("images/menu-strateges.png") no-repeat -425px -31px;
}

#menu li.book a:hover span.barre, #menu li.book a.select span.barre{
	background:#f00;
	color:#f00;
	display:block;
	visibility:visible;
	left:-425px;
}

/*#menu li.book a:hover span.carre, */#menu li.book a.select span.carre{
	display:block;
	visibility:visible;
	left:76px;
}

/* ## E-news ## */
#menu li.news a{
	width:67px;
}

#menu li.news a:hover, #menu li.news a.select{
	background:url("images/menu-strateges.png") no-repeat -590px -31px;
}

#menu li.news a:hover span.barre, #menu li.news a.select span.barre{
	background:#b7d161;
	color:#b7d161;
	display:block;
	visibility:visible;
	left:-590px;
}

/*#menu li.news a:hover span.carre, */#menu li.news a.select span.carre{
	display:block;
	visibility:visible;
	left:29px;
}

/* ## Contact ## */
#menu li.contact a{
	width:79px;
}

#menu li.contact a:hover, #menu li.contact a.select{
	background:url("images/menu-strateges.png") no-repeat -660px -31px;
}

#menu li.contact a:hover span.barre, #menu li.contact a.select span.barre{
	background:#F18D00;
	color:#F18D00;
	display:block;
	visibility:visible;
	left:-660px;
}

/*#menu li.contact a:hover span.carre,*/ #menu li.contact a.select span.carre{
	display:block;
	visibility:visible;
	left:33px;
}