@charset "utf-8";
/* CSS Document */

#menu3 {
	position:relative;
	top:0px;
	left:0px;
	height:50px;
	float:left;
	width:100%;
	background:url(../../images/btn_menu3/bg-2l/hebergement.jpg) repeat-x;
	margin: 0px 0 0px 0px;
	padding: 0;
}


#menu3 ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	line-height:12px;
}

#menu3 ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 4px 0px 0px 0px;
	margin: 0;
}

#menu3 ul li a {
	background:url(../../images/btn_menu3/hebergement.jpg) no-repeat right top;
	background-position: 100% 0px;
	height: 18px;
	padding: 0;
	margin: 0px 0px 0px 5px;	
	text-decoration: none;
	display: block;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}

/* Hack Safari */ 
html[xmlns*=""] body:last-child #menu3 ul li a { 
	font-weight:normal;
}

#menu3 span {
	float:left;
	display:block;
	padding: 3px 15px 5px 15px;
	background:url(../../images/btn_menu3/hebergement1left.jpg) no-repeat left top;
	color: #666666;
	cursor:pointer;
}

#menu3 ul li:hover {
	color: #000000;
}

#menu3 ul li a:hover {
	color: #000000;
	background-position: 100% -18px;
}

#menu3 a:hover span {
	color: #000000;
	background:url(../../images/btn_menu3/hebergement2left.jpg) no-repeat left top;
}


#menu3 li#active a {
	color: #000000;
	background:url(../../images/btn_menu3/hebergement.jpg) no-repeat right top;
	background-position: 100% -18px;
}
#menu3 li#active span {
	color: #000000;
	background:url(../../images/btn_menu3/hebergement2left.jpg) no-repeat left top;
}
/* Hack IE6 */
* html #menu3 {
	position:relative;
	top:-1px;
}
* html #menu3 ul {
	height:15px;
	display:inline;
	float:none;
}
* html #menu3 ul li {
	width:110px;
	white-space: nowrap;
	line-height:14px;
}
* html #menu3 ul li a {
	height: 15px;
	margin: 0px 0px -4px 5px;
	background:url(../../images/btn_menu3/hebergement_ie6_01.jpg) no-repeat right top;
	font-size:9px;
	margin: 0px 0px 0px 3px;
}
* html #menu3 ul li {
	width:125px;
}
* html #menu3 ul li a {
	height: 15px;
	margin: 0px 0px -4px 5px;	
}
* html #menu3 ul li a:hover {
	background:url(../../images/btn_menu3/hebergement_ie6_02.jpg) no-repeat right top;
}
/* Fin Hack IE6 */