@charset "utf-8";

/* RITA
 * menu stylesheet
*/

#nav,
#nav ul,
#nav li {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav {
	width: 950px;
	height: 37px;
	position: relative;
}

#nav a {
	display: block;
}

#nav a.top span { display: none; }
#nav a.top {
	height: 37px;
	line-height: 37px;
}

#nav li {
	float: left;
}

#nav li ul {
	position: absolute;
	width: 210px;
	left: -999em;
	z-index: 250;
	padding-bottom: 5px;
	background-color: #2c791b;
}

#nav ul li {
	width: 210px;
}

#nav ul li span.bullet {
	position: absolute;
	line-height: 12px;
	height: 12px;
	padding: 10px 0;
}

#nav ul li a {
	width: 190px;
	line-height: 12px;
	padding: 10px 0 10px 20px;
	color: white;
	text-decoration: none;
}


/* dropdown interaction */

#nav ul {
	margin-top: 37px;
}

#nav ul ul {
	margin: 0 0 0 210px;
}

#nav #navenglish_tools ul {
	margin-left: -90px;
}

#nav #navenglish_tools ul ul {
	margin-left: 0;
}

#nav li:hover > ul {
	left: auto;
}

#nav ul li:hover > a {
	color: black;
	background: white;
}


/* design specific elements */


#nav #naven_primeur ul { background: #605ca9; }
#naven_primeur { width: 122px; }
#naven_primeur a.top { width: 122px; background-image: url('images/menu_01_off.png'); }
#naven_primeur.current a.top { background-image: url('images/menu_01_on.png'); }
#naven_primeur:hover a.top, #naven_primeur.sfhover a.top { background-image: url('images/menu_01_over.png'); }

#nav #nava_propos ul { background: #f16eaa; }
#nava_propos { width: 118px; }
#nava_propos a.top { width: 118px; background-image: url('images/menu_02_off.png'); }
#nava_propos.current a.top { background-image: url('images/menu_02_on.png'); }
#nava_propos:hover a.top, #nava_propos.sfhover a.top { background-image: url('images/menu_02_over.png'); }

#nav #navnos_outils_par_types ul { background: #ee1c24; }
#navnos_outils_par_types { width: 118px; }
#navnos_outils_par_types a.top { width: 118px; background-image: url('images/menu_03_off.png'); }
#navnos_outils_par_types.current a.top { background-image: url('images/menu_03_on.png'); }
#navnos_outils_par_types:hover a.top, #navnos_outils_par_types.sfhover a.top { background-image: url('images/menu_03_over.png'); }

#nav #navnos_outils_par_themes ul { background: #f8941d; }
#navnos_outils_par_themes { width: 118px; }
#navnos_outils_par_themes a.top { width: 118px; background-image: url('images/menu_04_off.png'); }
#navnos_outils_par_themes.current a.top { background-image: url('images/menu_04_on.png'); }
#navnos_outils_par_themes:hover a.top, #navnos_outils_par_themes.sfhover a.top { background-image: url('images/menu_04_over.png'); }

#nav #navnos_outils_par_disciplines ul { background: #fff200; }
#nav #navnos_outils_par_disciplines ul a { color: #424242; }
#nav #navnos_outils_par_disciplines ul span.bullet { color: #848484; }
#navnos_outils_par_disciplines { width: 118px; }
#navnos_outils_par_disciplines a.top { width: 118px; background-image: url('images/menu_05_off.png'); }
#navnos_outils_par_disciplines.current a.top { background-image: url('images/menu_05_on.png'); }
#navnos_outils_par_disciplines:hover a.top, #navnos_outils_par_disciplines.sfhover a.top { background-image: url('images/menu_05_over.png'); }

#nav #navcampagnes_et_activites ul { background: #8dc73f; }
#navcampagnes_et_activites { width: 118px; }
#navcampagnes_et_activites a.top { width: 118px; background-image: url('images/menu_06_off.png'); }
#navcampagnes_et_activites.current a.top { background-image: url('images/menu_06_on.png'); }
#navcampagnes_et_activites:hover a.top, #navcampagnes_et_activites.sfhover a.top { background-image: url('images/menu_06_over.png'); }

#nav #navcommandes_et_contact ul { background: #00a651; }
#navcommandes_et_contact { width: 118px; }
#navcommandes_et_contact a.top { width: 118px; background-image: url('images/menu_07_off.png'); }
#navcommandes_et_contact.current a.top { background-image: url('images/menu_07_on.png'); }
#navcommandes_et_contact:hover a.top, #navcommandes_et_contact.sfhover a.top { background-image: url('images/menu_07_over.png'); }

#nav #navenglish_tools ul { background: #00bff3; }
#navenglish_tools { width: 120px; }
#navenglish_tools a.top { width: 120px; background-image: url('images/menu_08_off.png'); }
#navenglish_tools.current a.top { background-image: url('images/menu_08_on.png'); }
#navenglish_tools:hover a.top, #navenglish_tools.sfhover a.top { background-image: url('images/menu_08_over.png'); }



/* colorchips */


#nav-cc,
#nav-cc ul,
#nav-cc li {
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 0.1em;
}

#nav-cc {
	width: 950px;
	height: 16px;
}

#nav-cc li {
	float: left;
	height: 16px;
	line-height: 16px;
}

#naven_primeur_cc { width: 122px; background-image: url('images/menu_01_colorchip.png'); }
#nava_propos_cc { width: 118px; background-image: url('images/menu_02_colorchip.png'); }
#navnos_outils_par_types_cc { width: 118px; background-image: url('images/menu_03_colorchip.png'); }
#navnos_outils_par_themes_cc { width: 118px; background-image: url('images/menu_04_colorchip.png'); }
#navnos_outils_par_disciplines_cc { width: 118px; background-image: url('images/menu_05_colorchip.png'); }
#navcampagnes_et_activites_cc { width: 118px; background-image: url('images/menu_06_colorchip.png'); }
#navcommandes_et_contact_cc { width: 118px; background-image: url('images/menu_07_colorchip.png'); }
#navenglish_tools_cc { width: 120px; background-image: url('images/menu_08_colorchip.png'); }