/*-----------------------------------------------------------------------------
  [CSS - Header]
  
  Feuille de style du header
  
	
-----------------------------------------------------------------------------*/

div#header{
	height: 188px;
	padding: 0;
}

	#logo{
		padding: 12px 0 0 17px;
	}
	
	#home-link a{
		background: #7b1d72;
		color: #fff;
		display: inline-block;
		float: left;
		height: 15px;
		font-weight: bold;
		height: 14px;
		margin: 5px 0 0 0px;
		padding: 3px 6px 5px 6px;
		text-decoration: none;
		text-transform: uppercase;
	}
	
	#home-link a.selected{
		background: #fff;
		color: #7b1d72;
	}
	
	#principal-menu{
		float: right;
		margin: 0;
	}
	
	#principal-menu ul{
		margin: 0;
	}
	
	#principal-menu ul li{
		float: left;
	}
	
	#principal-menu ul li a{
		color: #fff;
		display: block;
		font-size: 11px;
		font-style: italic;
		font-weight: bold;
		height: 27px;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		padding: 10px 0 0 0;
		width: 130px;
	}

	#principal-menu ul li a:hover{
		background: url(../images/header/btn-default-menu-hover.gif) no-repeat;
	}
	
	#principal-menu ul li a.kyrielle-menu-button:hover{
		background: url(../images/header/btn-kyrielle-menu-hover.gif) no-repeat;
	}
	
	#principal-menu ul li a span.selected{
		background: url(../images/header/selected-btn.png) no-repeat 2px 2px;
		height: 27px;
		display: inline-block;
		padding: 0 12px;
	}