/*** ESSENTIAL STYLES ***/



#container {

	width: 800px;

	margin-left: auto;

	margin-right: auto;

}

.sf-contener {

	-webkit-border-radius: 0px;

	-moz-border-radius: 0px;

	border-radius: 0px;

	clear: both;

	margin:  160px 0 0 0px;

/*	height: 30px;

	line-height: 30px;

	padding-left: 7px;

	*/

}

.sf-menu, .sf-menu * {

	margin:			0;

	padding:		0;

	list-style:		none;

}

.sf-menu {

	/*background: #fff;*/
	border-top:solid 1px #e2e5ee;
		border-bottom:solid 1px #e2e5ee;
/*background: transparent url(../img/blocktopmenu.gif) repeat-x;*/

}

.sf-menu ul {

	position:		absolute;

	top:			-999em;

width:		166px; /* left offset of submenus need to match (see below) */

}

.sf-menu ul li {

	width:			100%;

}

.sf-menu img {

}
         
.sf-menu span {

	vertical-align: 7px;

}

.sf-menu li:hover {

	visibility:		inherit; /* fixes IE7 'sticky bug' */

}

.sf-menu li {

	float:			left;
	position:		relative;
	line-height:30px; height:30px;

}

.sf-menu a {

	display:		block;
	color:#333333;

	position:		relative;

	font-family:" Butterunsalted";

}

.sf-menu li:hover ul, .sf-menu li.sfHover ul {

	left:			0;

	top: 31px; /* match top ul list item height */

	z-index:		99;

}

ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {

	top:			-999em;

}

ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {

	left:			20em; /* match ul width */

	top:			0;

}

ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {

	top:			-999em;

}

ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {

	left:			20em; /* match ul width */

	top:			0;

}

/*** DEMO SKIN ***/

.sf-menu {

	/*float:			left;	margin-bottom:	1em;*/

    height: 30px;

}

ul.sf-menu {

	padding-top: 0px;

}



.sf-menu a {

	border: 0;

	/*	border-left:	1px solid #fff;

	border-top:		1px solid #CFDEFF; */

/*	padding: 		.75em 1em;*/

	padding: 		.75em 0.8em;

	text-decoration:none;

}

.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/

	color: #a8acbe;
  margin-left:17px;
	font-family: "Butterunsalted" !important;

	font-size: 14px !important;

	line-height: 10px;
	

}
.sf-menu a.sf-with-ul:hover {
  color: #555862;
}
.sf-menu a:hover {
  color: #555862;
}
/*
.sf-menu li li { 
border-bottom:solid 1px #e2e4ed; 
border-left:solid 1px #e2e4ed; 
border-right:solid 1px #e2e4ed;
background:#fff;
height: 28px;
	/*#AABDE6;*/
/*
}
*/


	/*#AABDE6;*/

}


.sf-menu li li li {

	background:		#ebebed;/*#9AAEDB;*/

}

.sf-menu li:hover, .sf-menu li.sfhover, .sf-menu li.sfHoverForce, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {

	/* background: transparent url(../gfx/menu/hover.gif) repeat-x; */

}

.sf-menu li.noBack:hover, .sf-menu li.sfHover.noBack, .sf-menu li.sfHoverForce.noBack, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {

	background: inherit;

}

.sf-menu ul li:hover, .sf-menu ul li.sfHover, .sf-menu ul li a:focus, .sf-menu ul li a:hover, .sf-menu ul li a:active {

  color: #555862;
  outline:		0;

}
.sf-menu ul li{
  background: White;
  border-bottom: 1px solid #E2E5EE;
  border-right: 1px solid #E2E5EE;
  border-left: 1px solid #E2E5EE;
  height: inherit;
}


/*** arrows **/

.sf-menu a.sf-with-ul {

	padding-right: 	0.1em;

	min-width:		2px; /* trigger IE7 hasLayout so spans position accurately */

}

.sf-sub-indicator {

	position:		absolute;

	display:		block;

	right:			.75em;

	top:			1.05em;  IE6 only 

	width:			10px;

	height:			10px;

	text-indent: 	-999em;

	overflow:		hidden;

/*	background:		url(../gfx/menu/arro ws-ffffff.png) no-repeat -10px -100px;  8-bit indexed alpha png. IE6 gets solid image only */

}

a > .sf-sub-indicator {   give all except IE6 the correct values 

	top:			.8em;

	background-position: 0 -100px;  use translucent arrow for modern browsers

}

/* apply hovers to modern browsers */
/*
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {

	background-position: -10px -100px; /* arrow hovers for modern browsers*/
/*
}*/

/* point right for anchors in subs */

.sf-menu ul .sf-sub-indicator {

	background-position:  -10px 0;

}

.sf-menu ul a > .sf-sub-indicator {

	background-position:  0 0;

}

/* apply hovers to modern browsers */

.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {

	background-position: -10px 0; /* arrow hovers for modern browsers*/

}

/*** shadows for all but IE6 ***/

.sf-shadow ul {

	/*background:	url(../gfx/menu/shadow.png) no-repeat bottom right; */

	padding: 0 8px 9px 0;

	-moz-border-radius-bottomleft: 17px;

	-moz-border-radius-topright: 17px;

	-webkit-border-top-right-radius: 17px;

	-webkit-border-bottom-left-radius: 17px;

}

.sf-shadow ul.sf-shadow-off {

	background: transparent;

}

li.sf-search {

	background: inherit;

	float: right;

	line-height: 25px;

	margin-right: 8px;

}

li.sf-search input.search {

	-moz-border-radius: 0 5px 5px 0;

	padding: 3px 0;

	padding-left: 20px;

	margin-top: 4px;

	background: /*#fff*/ url(../gfx/menu/search.gif) no-repeat left center;

}

li.sf-search input.search_button {

	/*background-color: #fff;*/

	height: 20px;

	line-height: 20px;

	-moz-border-radius: 5px;

	margin-top: 5px;

	cursor: pointer;

}

/*Only 4 the betest browser*/

li.sf-search input.search_button:hover {

	background-color: #000;

	/*color: #fff;*/

}

.sf-menu-left{ 
position:absolute; 
left:-18px; 
float:left; 
line-height:30px; 
background-color:#ebecf1; 
-webkit-border-radius: 35px;
-moz-border-radius:35px 0px 0px 35px; 
border-radius:35px 0px 0px 35px; 
width:15px; 
}
	
.sf-menu-right{  
position:absolute; 
right:-18px; 
float:right; 
line-height:30px; 
background-color:#ebecf1; 
-webkit-border-radius: 35px;
-moz-border-radius:0px 35px 35px 0px; 
border-radius:0px 35px 35px 0px; 
width:15px;
}



#tupeuxtest a:hover{
  color: #A8ACBE;
}