a, a:hover, a:visited
{
	text-decoration: inherit;
	color: inherit;
}

@FD: "Times New Roman", Times, serif;
@FI: Verdana, Helvetica, sans-serif;
@FF: Optima, "Trebuchet MS", Lucida, sans-serif;

@PC1: #CAB99D;

@SCA1: #999999;
@SCA2: #777777;
@SCA3: #AAAAAA;

@SCB1: #1A1EB2;
@SCB2: #080B74;

@C_white: #FFFFFF;

@site_width: 1000px;
@site_height: 1000px;

.box-shadow
{
	-webkit-box-shadow: 0px 0px 8px 4px @SCA2;
	-moz-box-shadow: 0px 0px 8px 4px @SCA2;
	box-shadow: 0px 0px 8px 4px @SCA2; 
}

body
{
	width: @site_width;
	padding: 0;
	margin: auto;
	background: @PC1;
	
	font-size: 12px;
	
	header
	{
		margin-bottom: 0.5em;
		
		h1
		{
			display: inline-block;
			margin-right: 1em;
			margin-bottom: 0;
		}
		
		ul
		{
			display: inline-block;
			padding: 0;
			margin-bottom: 0;
			list-style: none;
			
			li
			{
				display: inline-block;
				margin-bottom: 0;
				text-transform: uppercase;
				color: @SCA2;
			}
		}
	}
	
	> section
	{
		position: relative;
		padding: 1em;
		background: @C_white;
		.box-shadow;
		
		> div
		{
			position: relative;
			padding: 1em;
			border: 1px solid @SCA3;
		}
		
		nav
		{
			position: absolute;
			right: 0;
			width: 45%;
			margin: 0;
			padding: 0 0 0 2.5%;
			border-left: 1px solid @SCA3;
			text-align: center;
			
			ul
			{
				list-style: none;
				padding: 0;
				
				li
				{
					font-family: @FD;
					font-size: 1.5em;
					font-variant: small-caps;
					
					a, a:visited
					{
						color: @SCB1;
					}
					
					a:hover
					{
						color: @SCB2;
					}
					
					a:hover:before
					{
						content: '< ';
					}
					
					a:hover:after
					{
						content: ' >';
					}
					
					em
					{
						font-style: normal;
						font-weight: bold;
					}
				}
			}
		}
		
		section
		{
			width: 50%;
			padding: 0 2.5% 0 0;
			font-family: @FI;
			
			> *
			{
				margin: 1em 0;
			}
			
			h2
			{
				margin-top: 0;
				margin-bottom: 0.5em;
				font-family: @FD;
				font-size: 2em;
				font-variant: small-caps;
			}
			
			h3
			{
				margin-top: 0;
				margin-bottom: 0.5em;
				font-family: @FD;
				font-size: 1.6em;
			}
			
			figure
			{
				text-align: center;
				
				img
				{
					max-width: @site_width * 0.45;
				}
				
				figcaption
				{
					font-size: 0.9em;
					font-style: italic;
					color: @SCA1;
				}
			}
			
			figure[rel=slideshow]
			{
				height: 140px;
				overflow: hidden;
				
				img
				{
					display: inline;
				}
			}
			
			em
			{
				font-style: italic;
			}
			
			strong
			{
				font-weight: bold;
			}
			
			a, a:visited
			{
				color: @SCB1;
			}
			
			a:hover
			{
				text-decoration: underline;
				color: @SCB2;
			}
			
			table
			{
				width: 100%;
				text-align: center;
				
				.left
				{
					text-align: left;
				}
				
				caption
				{
					font-weight: bold;
					text-transform: uppercase;
				}
			}
			
			p.commentaire
			{
				border: 1px solid @SCA3;
				padding: 1em;
			}
			
			ul.partners
			{
				list-style: none;
				padding: 0;
				
				li
				{
					display: block;
					clear: both;
					margin: 10px 0;
				
					img
					{
						float: left;
						margin: 0 10px 10px 0;
					}
				}
			}
		}
	}
	
	footer
	{
		padding: 0;
		font-size: 0.9em;
		text-align: center;
		color: @SCA3;
		
		a
		{
			font-weight: bold;
		}
	}
}