/* Default CSS generated by dTabs */

/* style the tabs in IE (the trailing comma prevents other browsers from reading this) */

ul#tabbar {
	position: absolute;
	bottom: 0; left: 57px;
	text-transform:uppercase;
	font-weight:bold;
}
ul#tabbar li.tab, ul#tabbar li.tabselected {
	display:inline;
	float: left;
	/* space them a little in IE*/
	width: 195px; height: 25px;
	padding: 0; margin: 0;
	border-left: 1px solid white;
	color: #FFF;
	font-weight:bold;
	position: relative !important; /* POUR CALER LE SOUS-MENU dmenu SOUS CHAQUE li.tab, voir dtab.php ligne 1216*/
}

li.tab a, li.tabselected a  {
	/* make them horizontal in Firefox 2*/
	display: -moz-inline-box;
	
	/* make them horizontal in all other browsers*/
	display: inline-block;
	
	/* space them a little */
	padding: 5px 0 0 0;
	
	/* set a green background for non-selected tabs (which we will overide for selected tabs later) */
	background: #00848c; color: #FFF;
	width: 195px; height: 20px;
	text-align: center;	font-weight:bold;
	margin: 0;
	cursor:default;
}
li.tab a:hover {
	background: #d0d200; color: #00666d;
}

/* make changes to the selected tab */
li.tabselected a {
	background: #d0d200;
	color: #00848c;
}
li.tabselected a:hover {
	color: #00848c;
}

ul#tabbar li#professionnels_button a {
	background:url(images/fond-proTab.gif) repeat-x 0 0 ;
	cursor:pointer; 
	width: 196px;
	color: #FFF;
}
ul#tabbar li#professionnels_button a:hover, ul#tabbar li.tabselected#professionnels_button a {
	background: #f1911f ;
}


/* style the drop down menus */
#tabbar li.tab .dmenu, #tabbar li.tabselected .dmenu  {
	display:block;
	/* REQUIRED */
	position: absolute;	
	/* js fade method should display them 23px below the top of the tabs */
	margin: 25px 0 0 0;
	padding: 0;
	background: #b1b3b4;
}

/* REQUIRED: show menus on hovering */
.dmenu,
#tabbar .fademenu:hover .dmenu, 
#tabbar .fademenu .dmenu ul li:hover ul,
#tabbar .fademenu .dmenu ul li ul li:hover ul,
#tabbar .fademenu .dmenu ul li ul li ul li:hover ul {
	left: auto; position:absolute;
}

#tabbar .dmenu ul {
	/* put space at the top and bottom of top-level menus */
	padding: 0 1px;
	/* stop ie going crazy */
	margin: 0;
	list-style:none;
	background: #FFF;
}
#tabbar .dmenu ul li {
	/* stop ie from displaying list items inline */
	display: list-item;	
	padding: 0 0px 1px 0;
}
#tabbar li .dmenu ul li a {
	-width: 195px;
	background: #b1b3b4;
	color: #FFF;
	cursor:pointer;
}
#tabbar li .dmenu ul li a:hover {
	background: #d0d200;
	color: #007d85;
}

/* REQUIRED: hide menus off screen by default */
.dmenu {
	left: -999em;
}

ul#tabbar li.tabselected .dmenu ul li.current_page_item a {
	background: #00848c;
	color: #d0d200;
}


/* STYLING JUST FOR CSS MENUS */
#tabbar .fademenu .dmenu {
	
	/* position menus correctly */
	margin: 5px 0 0 -6px;
	position:absolute;
}
/* REQUIRED: show menus on hovering */
#tabbar .fademenu:hover .dmenu {
	left: auto;
}