/*** ESSENTIAL STYLES ***/

 #preload {display:none; border:1px solid #71A4D0; width:200px; text-align:center; position:absolute; left:50%;margin-left:-100px; top:50%; margin-top:-50px;}

 #preload p {margin:1px; padding:10px; border:1px solid #71A4D0;}

 #preload img {margin-top:10px; margin-bottom: 10px;}

 

.sf-contener {

  clear: both;

  margin: 10px 0;



  padding-left: 7px;



}

.sf-right {

  margin-right: 14px;

  float: right;

  width: 7px;

  background: transparent url(../img/blocktopmenu_right.gif) no-repeat right center;

}

.sf-menu, .sf-menu * {

	margin:			0;

	padding:		0;

	

	list-style:		none;

	text-align:left;

}

.sf-menu {

  float: left;

  width: 922px;

	

	background: #5699DA;

}

.sf-menu ul {

	position:		absolute;

	top:			-999em;

	

}

.sf-menu ul li {

	width:			110px;

}

.sf-menu li:hover {

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

}

.sf-menu li {

	float:			left;

	position:		relative;

}

.sf-menu a {

	display:		block;

	position:		relative;

}

.sf-menu li:hover ul,

.sf-menu li.sfHover ul {

	left:			0;

	

	z-index:		99;

	top:0px !important;

}





/*** DEMO SKIN ***/

.rechercher{color:#FFFFFF;

float:left;

font-family:"Arista 2.0",Tahoma,Arial;

font-size:10px;

height:auto;

margin-right:40px;

position:relative;

text-align:right;

top:13px;

width:15px;}

.ok_recherche{background:transparent url(../img/ok-recherche.gif) no-repeat scroll 0 0 ; margin-right:-37px;margin-top:4px; width:35px; height:35px; }

.sf-menu {

	float:			left;

    background:#D3E5F5);

	height:40px;

	background:url('../img/menu.jpg');

	margin-left:2px;

}



ul li ul li a{font-weight:bold;}

.sf-menu a#tab {

  border: 0;

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

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

	padding:19px 31px;

	text-decoration:none;

}

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

	color:			#374853;

}







.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 {

text-decoration:underline;

}

/*** arrows **/

.sf-menu a#tab:hover{background:url('../img/arrond_d_vert.jpg');}

a#tab:hover .sf-sub-indicator{background-image:url('../img/arrond_g_vert.jpg');}

.sf-menu   a#tab,.sf-menu   a#tab{

	padding-right: 	2.25em;

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

	background:url('../img/arrond_d_blanc.jpg');

}

.sf-menu .tab_9 a#tab:hover .sf-sub-indicator{background-image:url('../img/arrond_g_noir.jpg')}

.sf-menu .tab_9 a#tab{

background:url('../img/arrond-d-noir.jpg');

color:#fff;

}

.tab_9 .sf-sub-indicator{background-image:url('../img/arrond_g_noir.jpg');}



.sf-sub-indicator {

	position:		absolute;

	display:		block;

	right:			0;

	top:			0; /* IE6 only */

	width:			16px;

	height:			37px;

	text-indent: 	-999em;

	overflow:		hidden;

	background:		url('../img/arrond_g_blanc.jpg') ; /* 8-bit indexed alpha png. IE6 gets solid image only */

}





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

	top: 0;

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

	background:url('../img/arrond_g_blanc.jpg') no-repeat scroll 0 0;

}

.menu_sep{	float: left;

	position: relative;

	}

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

#searchbox{	}



.sf-shadow ul {

border-style:solid;

border-width:5px 1px 1px;

padding:20px;

position:absolute;



width:240px;

z-index:110;

background:#E7E9EC none repeat scroll 0 0;

border-color:#D3E5F5;
margin-top:35px;
margin-left:0px;

}

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

	background: transparent;

}

li.sf-search {

  background: inherit;

  float: right;

  line-height: 25px;

}

li.sf-search input {

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

  padding:0 0 0px 0px;

  width:70px;

 /* margin-top: 3px;*/

  border:medium none;



}