/*----------------------------------------------------------------*/
/*                            MENU 1                              */
/*----------------------------------------------------------------*/

div#menu1 * {
  height : 24px;
}

#menu1 {
	background			: url('/images/bg_menu1.gif') repeat-x;
	color				: #54A2FF;
	height : 24px;
	position: relative;
	z-index       : 19;
}

#menu1 a,
#menu1 a:link,
#menu1 a:visited {
	color         : #FFFFFF;
	font-size			: 11px;
	text-decoration: none;  
	display : block;  
	padding-top : 6px; 
	text-indent : 10px; 
	width : 100px;
}

#menu1 a.connect {
  background      : url('/images/picto_fleche.gif') no-repeat;
  background-position   : 100% 36%;
  float       : right;
  padding-right     : 15px;
  text-align : right;
}

#menu1 ul ul a,
#menu1 ul ul a:link,
#menu1 ul ul a:visited {
  text-indent : 14px; 
}

#menu1 a.disconnect {
	background			: url('/images/icone_disconnect.gif') no-repeat;
	background-position		: 100% 7px;
	padding-right			: 15px;
	text-align : right;
}

#menu1 a.icone_home {
	background			: url('/images/icone_home.gif') no-repeat;
	background-position		: 10px 3px;
	padding-left			: 20px;
}

div#menu1 > ul {width : 100%;}

div#menu1 > ul > li > span {
	float : left;
	padding-top : 5px;
	color       : #54A2FF;
}

div#menu1 ul li.last {
	float : right;
	margin-right : 10px;
}

div#menu1 > ul > li { 
	float : left;
	width : auto;
}

div#menu1 li {
	list-style : none; 
  background      : url('/images/bg_menu1.gif') repeat-x;
}

div#menu1 ul {position : absolute;}

div#menu1 > ul > li:hover > ul,
div#menu1 > ul > li > ul li:hover ul {display : block;}

div#menu1 > ul > li:hover > a,
div#menu1 > ul > li > ul > li:hover > a,
div#menu1 > ul > li > ul > li > ul > li:hover > a {color       : #F58100;}

div#menu1 ul ul { 
	display : none;
	top : 24px;
}

div#menu1 ul ul ul {
	position : relative;
	top : -30px;
	left : 100px;
} 


/*----------------------------------------------------------------*/
/*                            MENU 2                              */
/*----------------------------------------------------------------*/

#menu2 {
	width				: 150px;
	vertical-align 			: top;
	float				: left;
}

#menu2.publicite {
  text-align : center;
  padding-top : 10px ;
}

#menu2 h2 {
	padding				: 10px 0px 5px 5px;
	font-weight			: bold;
}

#menu2 ul,
#menu2 li {
	background			: #FFFFFF;
	list-style			: none;
}

#menu2 a {
	display				: block;
}

#menu2 a,
#menu2 input {
	background-color		: #FFFFFF;
	color				: #565656;
	font-size			: 12px;
	border				: none;
	cursor				: pointer;
}

#menu2 input {	
	width				: 100%;
	text-align			: left;
}

#menu2 ul {
	padding-left			: 7px;
	padding-bottom			: 1px;
	background			: url('/images/menu2_separateur.gif') no-repeat;
	background-position		: 7px bottom;
}

#menu2 ul li {
	border-bottom			: 1px solid #FFFFFF;
	background			: url('/images/menu2_separateur.gif') no-repeat;
	background-position		: top left;
	padding-top			: 2px;
	position			: relative;
	z-index				: 9;
}
#menu2 ul li:hover {
	z-index				: 10;
}
	
#menu2 ul li ul {
	background			: #FFFFFF;
	border				: 1px solid #A3A5B1;
	padding				: 2px;
	width				: 140px;
	position			: absolute;
	left				: 100px; 
	top				: 0px;
	display				: none;
}	

#menu2 ul li:hover ul {
	display				: block;
}

#menu2 ul li a,
#menu2 ul li input {
	background			: url('/images/puce_li.gif') no-repeat;
	background-position		: 5px center;
	padding-left			: 15px;
}

#menu2 ul li input {
	padding-left			: 12px !important;
}

#menu2 ul li:hover a,
#menu2 ul li:hover input {
	font-weight			: bold;
	color				: #F58100;
}

#menu2 ul li ul li {
	border				: 1px solid #D8DADA;
	background			: #E0E5E9;
	padding				: 0px;
}

#menu2 ul li:hover ul li a,
#menu2 ul li:hover ul li input {
	font-weight			: normal;
	color				: #565656;
}

#menu2 ul li ul li a,
#menu2 ul li ul li input {
	background			: #E0E5E9 url('/images/puce_li3.gif') no-repeat;
	background-position		: 5px center;
	padding-left			: 17px;
}

#menu2 ul li ul li input {
	padding-left			: 14px !important;
}

#menu2 ul li ul li:hover a,
#menu2 ul li ul li:hover input {
	background-color		: #FFFFFF;
	color				: #FF8700;
	font-weight			: bold;
}

/*----------------------------------------------------------------*/
/*                            CADRE PUBLICITE                     */
/*----------------------------------------------------------------*/

#publicite {
  width       : 150px;
  vertical-align      : top;
  text-align : center;
  float       : right;
  padding-top : 10px ;
}