/**
 *	Document   : realisations
 *	Created on : 19 mars 2011
 *	Author     : Stéphane HULARD <s.hulard@gmail.com>
 *	Description:
 *		Realisation layout stylesheet for Artek Creation Website
 */
 
@import '../global/reset.css';
@import '../global/global.css';
 
/*############ LOGO STYLE DEFINITION ############*/
#logo
{
	bottom: 30px;
	top: auto;
}
/*########## END LOGO STYLE DEFINITION ##########*/

/*############ CANVAS STYLE DEFINITION ############*/
#canvas
{
	top: 0px;
}
/*########## END CANVAS STYLE DEFINITION ##########*/

/*############ SPECIFIC REALISATIONS STYLE DEFINITION ############*/
.nav-container
{
	width: 100%;
	height: 26px;
	background-image: url('../../img/global/interface/realisations-nav-back.png');
	background-repeat: repeat;
}

	.nav-container ul
	{
		position: relative;
		left: 50%;
		width: 1002px;
		margin-left: -501px;
		height:26px;
		background-image: url('../../img/global/interface/content-shadow.png');
		background-position: top center;
		background-repeat: no-repeat;
	}
	
		.nav-container li
		{
			float:left;
		}
		
			.nav-container a
			{
				width: 210px;
				height:26px;
				line-height:24px;
				display:block;
				color: #FFF;
				text-decoration:none;
				font-size:1.47em;
				padding-left: 9px;
				border-left: 1px solid #fff;
			}
			
			.nav-container li:hover a,
			.nav-container li.active a
			{
				background-color: #d20452;
				padding-left: 10px;
				border:none;
			}
			
			.nav-container li.after a
			{
				padding-left: 10px;
				border:none;
			}
			
			ul.nav-sub
			{
				width:auto;
				left: auto;
				background-image:none;
				top:10px;
				margin:0px;
			}
			
				ul.nav-sub li
				{
					clear: both;
					float:none;
					padding:0px;
					border:none;
				}
				
					li.active ul.nav-sub a
					{
						float:left;
						width: auto;
						height: auto;
						line-height: normal;
						padding: 5px;
						background-image:url('../../img/global/interface/realisations-nav-back.png');
						background-color: transparent;
						margin-bottom: 1px;
						margin-right: 1px;
						font-size:0.92em;
						color: #000;
					}
					
					ul.nav-sub li a:hover,
					ul.nav-sub li.active a
					{
						background-color: #d20452;
						background-image: none;
						color:#fff;
					}
					
					ul.nav-sub li.active a
					{
						text-transform: uppercase;
						margin-bottom: 0px;
						padding-bottom: 3px;
					}
					
					ul.nav-sub span
					{
						font-family: Georgia;
						font-style: italic;
						font-size: 0.92em;
						text-transform: none;
						background-color:#d20452;
						color: #fff;
						display: block;
						padding: 4px;
						margin-right: 1px;
						margin-bottom: 1px;
						float: left;
						cursor: default;
					}
					
					ul.nav-sub div.next,
					ul.nav-sub div.previous
					{
						cursor: pointer;
						float: left;
						width: 19px;
						height: 37px;
						margin-right: 30px;
						margin-top: 10px;
						background-repeat: no-repeat;
					}
					
					ul.nav-sub div.previous
					{
						background-image: url('../../img/global/interface/realisations-previous.gif');
					}
						
					ul.nav-sub div.next
					{
						background-image: url('../../img/global/interface/realisations-next.gif');
					}
						
/*########## END SPECIFIC REALISATIONS STYLE DEFINITION ##########*/