/*
	AthenaWeb
	CREATEUR : TAYEB TALBI
	DATE DE CREATION : 18-AVRIL-2007
	 Menu Broadcasters / professionals
*/

#menu_professionals h4,
#menu_broadcasters h4,
#menu_ebu h4,
#menu_sunnyside h4,
#menu_wcsfp h4,
#menu_scientists h4,
#menu_education h4
{
margin:0 0 2px 0;
padding:2px;
color:#fff;
height:23px;
font-size: 10px;
text-align: center;
line-height: 20px;
}

#menu_broadcasters
{
width:150px;
margin:0 15px 15px 0;
float:left;
}
#menu_broadcasters ul
{
margin:0;
padding:15px 0;
border:1px solid #BD0505;
background:#EDD;
list-style:none;
}

#menu_broadcasters h4
{
background-color: #BD0505;
}


#menu_broadcasters ul li
{
background:url(../images/bg_menu_broadcasters_li.jpg) no-repeat left;
margin:0 0 10px 0 ;
}
#menu_broadcasters ul li.projects /** cas particulier pour PROJECTS un menu a 2 niveaux donc on enleve le bg */
{
background:none;
margin:0 0 10px 0 ;
}
#menu_broadcasters ul li a
{
display:block;
text-align:left;
color:#BD0505;
font-weight:bold;
text-transform:uppercase;
padding:2px 0 0 20px;
}


/** Personalisation **/

	/**  2 eme niveau **/
	#menu_broadcasters ul ul
	{
	margin:0 0 0 20px;
	padding:0;
	border:none;
	background:none;
	}
	
	#menu_broadcasters ul li ul li
	{
	background:none;
	margin:0 0 1px 0 ;
	border-bottom:1px dotted #DAA;
	border-left:14px solid #DAA
	}
	
	#menu_broadcasters ul li ul li a
	{
	color:#333;
	font-weight:normal;
	text-transform:none;
	padding:2px 5px 2px 10px;
	font-size:11px;
	}
	#menu_broadcasters ul li ul li a:hover , #menu_broadcasters ul li ul li a.on
	{
	color:#fff;
	text-decoration:none;
	background: #DDAAAA;
	}
	
	
/* professionals */

#menu_professionals
{
width:150px;
margin:0 15px 15px 0;
float:left;
}
#menu_professionals ul
{
margin:0;
padding:15px 0;
border:1px solid #457;
background:#E5EAEC;
list-style:none;
}

#menu_professionals h4
{
background-color: #457;
}


#menu_professionals ul li
{
/*background:url(../../images/bg_menu_professionals_li.jpg) no-repeat left;*/
margin:0 0 10px 0 ;
}
#menu_professionals ul li.projects, #menu_professionals ul li.program /** cas particulier pour PROJECTS un menu a 2 niveaux donc on enleve le bg */
{
background:none;
margin:0 0 10px 0 ;
}
#menu_professionals ul li a
{
display:block;
text-align:left;
color:#4C5F7F;
font-weight:bold;
text-transform:uppercase;
padding:2px 0 0 20px;
}

	/**  2 eme niveau **/
	#menu_professionals ul ul
	{
	margin:0 0 0 20px;
	padding:0;
	border:none;
	background:none;
	}
	
	#menu_professionals ul li ul li
	{
	background:none;
	margin:0 0 1px 0 ;
	border-bottom:1px dotted #A6BCC5;
	border-left:14px solid #A6BCC5
	}
	
	#menu_professionals ul li ul li a
	{
	color:#333;
	font-weight:normal;
	text-transform:none;
	padding:2px 5px 2px 10px;
	font-size:11px;
	}
	#menu_professionals ul li ul li a:hover , #menu_professionals ul li ul li a.on
	{
	color:#fff;
	text-decoration:none;
	background: #A6BCC5;
	}

/* scientists */

#menu_scientists
{
width:140px;
margin:0 15px 15px 0;
float:left;
}
#menu_scientists h4
{
background-color: #0F6FD6;
}
#menu_scientists ul
{
margin:0;
padding:15px 0;
border:1px solid #0F6FD6;
background:#E5EAEC;
list-style:none;
}

#menu_scientists ul li
{
background:url(../images/menus/scientists/bg_li.jpg) no-repeat left;
margin:0 0 10px 0 ;
}
#menu_scientists ul li.projects, #menu_scientists ul li.program /** cas particulier pour PROJECTS un menu a 2 niveaux donc on enleve le bg */
{
background:none;
margin:0 0 10px 0 ;
}
#menu_scientists ul li a
{
display:block;
text-align:left;
color:#0F6FD6;
font-weight:bold;
text-transform:uppercase;
padding:2px 0 0 20px;
}

	/**  2 eme niveau **/
	#menu_scientists ul ul
	{
	margin:0 0 0 20px;
	padding:0;
	border:none;
	background:none;
	}
	
	#menu_scientists ul li ul li
	{
	background:none;
	margin:0 0 1px 0 ;
	border-bottom:1px dotted #A6BCC5;
	border-left:14px solid #A6BCC5
	}
	
	#menu_scientists ul li ul li a
	{
	color:#333;
	font-weight:normal;
	text-transform:none;
	padding:2px 5px 2px 10px;
	font-size:11px;
	}
	#menu_scientists ul li ul li a:hover, #menu_scientists ul li ul li a.on
	{
	color:#fff;
	text-decoration:none;
	background: #A6BCC5;
	}
	
/* education */

#menu_education
{
width:140px;
margin:0 15px 15px 0;
float:left;
}
#menu_education ul
{
margin:0;
padding:15px 0;
border:1px solid #EDB814;
background:#E5EAEC;
list-style:none;
}

#menu_education h4
{
background-color: #EDB814;
}


#menu_education ul li
{
background:url(../images/menus/education/bg_li.jpg) no-repeat left;
margin:0 0 10px 0 ;
}
#menu_education ul li.projects, #menu_education ul li.program /** cas particulier pour PROJECTS un menu a 2 niveaux donc on enleve le bg */
{
background:none;
margin:0 0 10px 0 ;
}
#menu_education ul li a
{
display:block;
text-align:left;
color:#EDB814;
font-weight:bold;
text-transform:uppercase;
padding:2px 0 0 20px;
}

	/**  2 eme niveau **/
	#menu_education ul ul
	{
	margin:0 0 0 20px;
	padding:0;
	border:none;
	background:none;
	}
	
	#menu_education ul li ul li
	{
	background:none;
	margin:0 0 1px 0 ;
	border-bottom:1px dotted #A6BCC5;
	border-left:14px solid #A6BCC5
	}
	
	#menu_education ul li ul li a
	{
	color:#333;
	font-weight:normal;
	text-transform:none;
	padding:2px 5px 2px 10px;
	font-size:11px;
	}
	#menu_education ul li ul li a:hover, #menu_education ul li ul li a.on
	{
	color:#fff;
	text-decoration:none;
	background: #A6BCC5;
	}
	
/**** Menu EBU **/
#menu_ebu
{
width:140px;
margin:0 15px 15px 0;
float:left;
}
#menu_ebu ul
{
margin:0;
padding:15px 0;
border:1px solid #7fc529;
background:#f7fdef;
list-style:none;
}

#menu_ebu h4
{
background-color: #7FC529;
}

h4#titre_bro_pro { /* menu bro & pro ds la partie EBU */
margin:0 0 2px 0;
padding:2px 0 0 20px;
color:#fff;
background: url(../images/menus/ebu/bg_titre_bro.jpg) no-repeat top;
height:43px;
font-size:14px

}

#menu_ebu ul li
{
background:url(../images/bg_menu_ebu_li.jpg) no-repeat left;
margin:0 0 10px 0 ;
}
#menu_ebu ul li.ebu_projects /** cas particulier pour PROJECTS un menu a 2 niveaux donc on enleve le bg */
{
background:none;
margin:0 0 10px 0 ;
}
#menu_ebu ul li a
{
display:block;
text-align:left;
color:#7fc529;
font-weight:bold;
text-transform:uppercase;
padding:2px 0 0 20px;
}


/** Personalisation **/

#menu_ebu  a.ebu_themes, #menu_ebu  a.ebu_themes:active, #menu_ebu  a.ebu_themes:visited
{
background: url(../images/menus/ebu/projects.jpg) no-repeat ;
height:20px;
padding:12px 20px 0 0;
}

#menu_ebu a.ebu_help, #menu_ebu a.ebu_help:active, #menu_ebu a.ebu_help:visited
{
background: url(../images/menus/ebu/help.jpg) no-repeat 125px;
height:22px;
padding:9px 20px 0 0;
}

#menu_ebu a.ebu_contactus, #menu_ebu a.ebu_contactus:active, #menu_ebu a.ebu_contactus:visited
{
background: url(../images/menus/ebu/contactus.jpg) no-repeat 125px;
height:22px;
padding:9px 20px 0 0;
}
#menu_ebu  a.ebu_themes:hover, #menu_ebu a.ebu_help:hover, #menu_ebu a.ebu_contactus:hover {
text-decoration:none;
color:#566A73
}
/**  2 eme niveau **/
	#menu_ebu ul ul
	{
	margin:0 0 0 20px;
	padding:0;
	border:none;
	background:none;
	}
	
	#menu_ebu ul li ul li
	{
	background:none;
	margin:0 0 1px 0 ;
	border-bottom:1px dotted #d7f7a4;
	border-left:14px solid #d7f7a4
	}
	
	#menu_ebu ul li ul li a
	{
	color:#333;
	font-weight:normal;
	text-transform:none;
	padding:2px 5px 2px 10px;
	font-size:11px;
	}
	#menu_ebu ul li ul li a:hover , #menu_ebu ul li ul li a.on
	{
	/*color:#fff;*/
	text-decoration:none;
	background: #d7f7a4;
	}
	
/**** Menu sunnyside **/
#menu_sunnyside
{
width:140px;
margin:0 15px 15px 0;
float:left;
}
#menu_sunnyside ul
{
margin:0;
padding:15px 0;
border:1px solid #cd2373;
background:#fcf0f6;
list-style:none;
}

#menu_sunnyside h4
{
background-color: #cd2373;
}

h4#titre_bro_pro { /* menu bro & pro ds la partie sunnyside */
margin:0 0 2px 0;
padding:2px 0 0 20px;
color:#fff;
background: url(../images/menus/sunnyside/bg_titre_bro.jpg) no-repeat top;
height:43px;
font-size:14px

}

#menu_sunnyside ul li
{
background:url(../images/bg_menu_sunnyside_li.jpg) no-repeat left;
margin:0 0 10px 0 ;
}
#menu_sunnyside ul li.sunnyside_projects /** cas particulier pour PROJECTS un menu a 2 niveaux donc on enleve le bg */
{
background:none;
margin:0 0 10px 0 ;
}
#menu_sunnyside ul li a
{
display:block;
text-align:left;
color:#cd2273;
font-weight:bold;
text-transform:uppercase;
padding:2px 0 0 20px;
}

/**  2 eme niveau **/
	#menu_sunnyside ul ul
	{
	margin:0 0 0 20px;
	padding:0;
	border:none;
	background:none;
	}
	
	#menu_sunnyside ul li ul li
	{
	background:none;
	margin:0 0 1px 0 ;
	border-bottom:1px dotted #f1a9cb;
	border-left:14px solid #f1a9cb
	}
	
	#menu_sunnyside ul li ul li a
	{
	color:#333;
	font-weight:normal;
	text-transform:none;
	padding:2px 5px 2px 10px;
	font-size:11px;
	}
	#menu_sunnyside ul li ul li a:hover , #menu_sunnyside ul li ul li a.on
	{
	text-decoration:none;
	background: #f1a9cb;
	}
	
/* menu WCSFP*/
/**** Menu wcsfp **/
#menu_wcsfp
{
width:140px;
margin:0 15px 15px 0;
float:left;
}
#menu_wcsfp ul
{
margin:0;
padding:15px 0;
border:1px solid #620000;
background:#F0E0E3;
list-style:none;
}

#menu_wcsfp h4
{
background-color:#620000;
}

h4#titre_bro_pro { /* menu bro & pro ds la partie wcsfp */
margin:0 0 2px 0;
padding:2px 0 0 20px;
color:#fff;
background: url(../images/menus/wcsfp/bg_titre_bro.jpg) no-repeat top;
height:43px;
font-size:14px

}

#menu_wcsfp ul li
{
background:url(../images/bg_menu_wcsfp_li.jpg) no-repeat left;
margin:0 0 10px 0 ;
}
#menu_wcsfp ul li.wcsfp_projects /** cas particulier pour PROJECTS un menu a 2 niveaux donc on enleve le bg */
{
background:none;
margin:0 0 10px 0 ;
}
#menu_wcsfp ul li a
{
display:block;
text-align:left;
color:#620000;
font-weight:bold;
text-transform:uppercase;
padding:2px 0 0 20px;
}

/**  2 eme niveau **/
	#menu_wcsfp ul ul
	{
	margin:0 0 0 20px;
	padding:0;
	border:none;
	background:none;
	}
	
	#menu_wcsfp ul li ul li
	{
	background:none;
	margin:0 0 1px 0 ;
	border-bottom:1px dotted #B4676F;
	border-left:14px solid #B4676F
	}
	
	#menu_wcsfp ul li ul li a
	{
	color:#333;
	font-weight:normal;
	text-transform:none;
	padding:2px 5px 2px 10px;
	font-size:11px;
	}
	#menu_wcsfp ul li ul li a:hover , #menu_wcsfp ul li ul li a.on
	{
	text-decoration:none;
	background: #B4676F;
	}