/* Header Component */
.header
{
   padding-top: 0px;
}

.logo-wrapper .logo img {
    margin:7px 0 15px 0; /* donne une margin manquante a l'image */
}

.header div.logo
{
   float: left;
   height: 45px;
   padding: 0px 0px 16px 0px;
}

#hd .logo-wrapper {
    height:59px; /* Ajuste la bande blanche sous le logo */
}

.header .logo-wrapper
{
   background-color: #fff;
   border-right: 1px dotted #c0c0c0;
   float: left;
   padding-right: 8px;
}

.header .menu-wrapper
{
   background-color:#F2F2F2;
   height: 32px; /* au lieu de 19px */
   line-height:19px;
   margin-right:-10px;
   padding:10px 0 20px;
}

.header span.menu-item-separator
{
   border-right: 1px solid #a1a1a1;
   padding: 0 0 0 0.2em;
}

.header span.menu-item
{
   padding-left: 0.5em;
   vertical-align: middle;
}

.header span.menu-item a,
.header span.menu-item a:visited
{
   color: #333333;
}

.header span.menu-item-icon
{
   padding: 3px 5px 0; 
   vertical-align: middle;
}

.header .link-menu-button span.menu-item-icon
{
   padding: 1px 5px 0;
}

.header span.menu-item-icon a
{
   background-position: 0px 50%;
   background-repeat: no-repeat;
   padding: 1px 0px 1px 20px;
}

.header span.my-dashboard a
{
   background-image: url(../images/my-dashboard-16.png);
}

.header span.my-profile a
{
   background-image: url(../images/my-profile-16.png);
}

.header span.sites a
{
   background-image: url(../images/site-16.png);
}

.header span.people a
{
   background-image: url(../images/users-16.png);
}

.header div.personal-menu
{
   float: left;
   margin: 1px 0px 0px 0.5em;
   vertical-align:middle;
   line-height:2.2em;
}

.header div.personal-menu a,
.header div.personal-menu a:visited
{
   color: #4c4c4c;
}

.header div.util-menu
{
   float:right;
   margin:5px 10px 0 0;
}

.header .search-tinput
{
	background-image: url(../images/search-16.png);
   background-position: 2px 50%;
	background-repeat: no-repeat;
	color: default;
	padding-left: 20px;
	width: 12em;
}

.header .search-tinput.gray
{
	background-image: url(../images/search-16-gray.png);
	color: #999;
}

.header .search-site-icon
{
   background-image: url(../images/select_arrow.gif);
   background-position: left bottom;
   background-repeat: no-repeat;
   cursor: pointer;
   left: -2px;
   padding-left: 12px;
   padding-top: 4px;
   position: relative;
   top: 2px;
}                  

.header .sites-menu-icon
{
   background-image:url(../images/expanded.png);
   background-position:left center;
   background-repeat:no-repeat;
   cursor:pointer;
   padding-left:8px;
   position:relative;
   /*top:1px;*/
}

.header .sites-menu-icon:hover
{
   background-color: #B3D4FF;
}

/* IE6 fix */
* html .header .search-icon {position: fixed;}
* html .header .search-site-icon {position: fixed;}
/* */


.header .hidden
{
   display: none;
}

/* Drop-down menus */

.header .yuimenu
{
	visibility: hidden;
	position: relative;
}

.header .yuimenu .bd
{
	zoom: normal;
   border: 1px solid #84B4D5;
	background-color: #FFFFFF;
	padding: 0;
   margin-top: 2px;
}

.header .yuimenu .bd ul
{
   padding:0;
   border-width: 0;
   color: #68A2D2;
}

.header .yuimenu .bd ul.separator
{
   border-bottom:1px dashed #DFE9ED;
}


.header .yuimenu .bd ul li.yuimenuitem .yuimenuitemlabel
{
   color: #68A2D2;
   cursor: pointer;
	padding: 4px 15px;
}

.header .yuimenu .bd ul li.header.yuimenuitem-selected,
.header .yuimenu .bd ul li.header
{
   font-weight: bold;
   padding: 4px 15px;
   cursor: default;
   /*color:#038603;*/
   color: #515D6B;   
   background-color: #FFFFFF;
}


.header .yuimenu .bd ul.favourite-sites-list li.yuimenuitem a.yuimenuitemlabel
{
   background-image:url(../images/star-selected_16x16.png);
   background-repeat:no-repeat;
   background-position:left 5px;
   margin-left:15px;
   padding-left:22px;
}


/* Menu: Selected state */

.header .yuimenu .bd ul li.yuimenuitem-selected
{
   background-color: #7BA9CE;
}

.header .yuimenu .bd ul li.yuimenuitem-selected .yuimenuitemlabel
{
   color: #FFFFFF;
}

/* Menu: disabled */

.header .yuimenu .bd ul li.yuimenuitem .yuimenuitemlabel.disabled
{
	color: #ccc;
   background-color: #FFF;
   cursor: default;
}

.header .personal-menu .link-menu-button input
{
   visibility: hidden;
}

