/*************************************************/
/*       MENU HAUT NAVBAR (MENU METIERS)         */
/*************************************************/

table 
{
	border: 0;
	padding: 0;
	margin: 0;
}

.static_menu_style
{
	float: left;
	text-align: center;
	width: 111px;
	height: 34px;
	text-transform: uppercase;
	background-image: url('images/navbar_bg.png');
	background-repeat: repeat-x;
	font-weight: bold;
	font-family: arial;
	font-size: 10px;
}

.static_menu_item_style
{
	width: 110px;
	height: 34px;
}

.static_selected_style
{
}

.static_hover_style
{
	background-color: #d36d29;
}


/* ICI LE TEST POUR QUE IE8 MARCHE (TROP DE PROPRIETES DANS LE COM DU DESSUS */
.dynamic_menu_style
{
	width: auto;
	font-size: 10px;
}

.dynamic_menu_item_style
{
	min-width: 111px;
	padding: 2px;
	text-align: left;
	height: 20px; /* Hauteur d'un sous-menu déroulé */
	background-color: #F28F00;
	border-top: 1px solid White;
	border-right: 1px Solid White;
}

.dynamic_selected_style
{
}

.dynamic_hover_style
{
	background-color: #d36d29;
	color: Black;
}


/*************************************************/
/*       MENU GAUCHE HAUT (MENU BESOINS)         */
/*************************************************/

#menuBesoins
{
	width: 193px;
	min-height: 228px;
	height: auto;
	-height: 228px;
}

.arrowlistmenu
{
	width: 169px; /*width of accordion menu*/
	margin-top: 0px;
	margin-left: 15px;
}

.h5
{
	font-weight: bold;
	font-family: arial;
	font-size: 10px;
}


.arrowlistmenu .menuheader
{
	/*CSS class for menu headers in general (expanding or not!)*/
	border-style: none;
	border-color: inherit;
	border-width: 0;
	font: bold 10px Arial;
	height: 28px;
	color: white;
	text-transform: uppercase;
	background: url('images/menu_2_no_arrow.jpg') no-repeat;
	margin-top: 0px;
	padding-left: 15px;
	padding-top: 7px;
	cursor: hand;
	cursor: pointer;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding-right: 0;
	padding-bottom: 0;
}

.arrowlistmenu .openheader
{
	/*CSS class to apply to expandable header when it's expanded*/
	background-image: url('images/menu_over2_no_arrow.jpg');
}

.arrowlistmenu ul
{
	/*CSS for UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 5px; /*bottom spacing between each UL and rest of content*/
}


.arrowlistmenu ul li
{
	padding-bottom: 2px; /*bottom spacing between menu items*/ /*margin-bottom: -3px; /* For IE6 and IE7 (Space between each under-menu element*/
	font: 10px arial;
}

.arrowlistmenu ul li a
{
	color: #e30000;
	display: block;
	padding-left: 19px;
	text-decoration: none;
	font-weight: bold;
	font-size: 90%;
	padding-right: 0;
	padding-top: 2px;
	padding-bottom: 2px;
}

.arrowlistmenu ul li a:visited
{
	color: #e30000;
}

.arrowlistmenu ul li a:hover
{
	/*hover state CSS*/
	color: #A70303;
	background-color: #E8E8E8;
	background-image: url('images/cross.gif');
	background-repeat: no-repeat;
	background-position: left;
}



/*************************************************/
/*        MENU GAUCHE BAS (MENU SOCIETE)         */
/*************************************************/

.menuSociete ul
{
	list-style-type: none;
	text-transform: uppercase;
	font-weight: bold;
	font-family: arial;
	font-size: 10px;
	margin: 0; /* Marge */
	padding: 0; /* Espacement */
}

.menuSociete li
{
	margin-bottom: 10px;
	background-image: url('images/puce.gif');
	background-repeat: no-repeat;
	background-position: left;
}

.menuSociete a
{
	padding-left: 20px;
	text-decoration: none;
	color: Red; /* Couleur des liens */
}

.menuSociete ul li a:visited
{
	color: #e30000;
}

.menuSociete ul li a:hover
{
	/*hover state CSS*/
	color: #d36d29;
}