/* Helper */
.clear
{
	clear: both;
}

/* General */

h1 
{
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
}

h2 
{
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}

h3 
{
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}

h1,h2,h3,h4,h5,h6,strong 
{
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}

abbr,acronym 
{
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 

em 
{
	/*bringing italics back to the em element*/
	font-style:italic;
}

p,fieldset,table 
{
	/*so things don't run into each other*/
	margin-bottom:1em;
}

hr
{
	border: 0px solid transparent;
	border-top: 1px solid #9a9a9a;
	border-bottom: 1px solid #eeeeee;
}

/* Header */
#header
{
	font-size: 200%;
	color: #292929;
	text-shadow: 0px 1px 1px #fff;
}
	
	#header-content
	{
		width: 950px;
		margin: auto;
		background-color: #dbdbdb;
		padding: 5px;
		padding-bottom: 10px;
		padding-left: 30px;
		-moz-border-radius: 0 0 10px 10px;
		-webkit-border-radius: 0 0 10px 10px;
		border-radius: 0 0 10px 10px;
		-moz-box-shadow: 0 0 5px #011331;
		-webkit-box-shadow: 0 0 5px #011331;
		box-shadow: 0 0 5px #011331;
	}
	
#menu-background
{
	background-color: #777;
	height: 55px;
	width: 100%;
	position: absolute;
	top: 50px;
	z-index: -5;
}

#menu
{
	
}
	
	#menu-content
	{
		width: 950px;
		margin: auto;
		background-color: #dbdbdb;
	}

	#nav
	{
		position: relative;
		background: #292929;
		float: left;
	}
	
		#nav li
		{
			width: 188px;
			float: left;
			border-right: 1px solid #4a4a4a;
			border-left: 1px solid black;
		}
		
			#nav li a
			{
				display: block;
				width: 158px;
				text-align: center;
				color: #e3e3e3;
				position: relative;
				z-index: 2;
				float: left;
				font-family: helvetica, arial, sans-serif;
				text-decoration: none;
				padding: 10px 15px;
			}
			
		#blob
		{
			border-right: 1px solid #0059ec;
			border-left: 1px solid #0059ec;
			position: absolute;
			top: 0;
			z-index: 1;
			/* IE */
			background: #0b2b61;
			/* Opera */
			/*background: rgba(11, 43, 97, 0.9);*/
			box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
			border-radius: 4px;
			/* Webkit / Firefox */
			background: -moz-linear-gradient(top, #0b2b61, #1153c0);  
			background: -webkit-gradient(linear, left top, left bottom, from(#0b2b61), to(#1153c0));
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			-moz-box-shadow: 2px 3px 10px #011331;
			-webkit-box-shadow: 2px 3px 10px #011331;
			-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
			-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
		}

/* Content */
#page
{
	
}

	#page-content
	{
		width: 950px;
		margin: auto;
		background-color: #dbdbdb;
		padding: 5px;
		padding-top: 15px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		-moz-box-shadow: 0 0 5px #011331;
		-webkit-box-shadow: 0 0 5px #011331;
		box-shadow: 0 0 5px #011331;
	}
	
		.sousmenu
		{
			width: 175px;
			float: left;
			color: #292929;
			padding: 5px;
			background-color: #cbcbcb;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			border-radius: 10px;
		}
		
			.soustitre
			{
				border-bottom: 1px solid #9a9a9a;
				margin-bottom: 5px;
				margin-top: 5px;
				font-weight: bold;
				text-shadow: 0px 1px 1px #ddd;
			}
		
			.sousmenu ul li
			{
				-moz-border-radius: 2px;
				-webkit-border-radius: 2px;
				border-radius: 2px;
			}
			
				.sousmenu ul li a
				{
					display: block;
					color: #333;
					text-decoration: none;
				}
		
		.contenu
		{
			width: 760px;
			float: left;
			padding-left: 5px;
			color: #292929;
		}
		
			.contenu a
			{
				color: #0b2b61;
			}
			
			.contenu ul li
			{
				list-style-type: disc;
				margin-left: 20px;
			}
				
			.titre
			{
				font-size: 150%;
				font-weight: bold;
				text-shadow: 0px 1px 1px #fff;
			}
				
				.video
				{
					text-align: center;
				}			
				
					.video div
					{
						text-align: left;
					}
				
					.video img
					{
						padding: 5px;
						background-color: #cbcbcb;
						-moz-border-radius: 5px;
						-webkit-border-radius: 5px;
						border-radius: 5px;
					}
				
					.video img:hover
					{
						padding: 5px;
						background-color: #aaa;
						-moz-box-shadow: 0 0 5px #011331;
						-webkit-box-shadow: 0 0 5px #011331;
						box-shadow: 0 0 5px #011331;
						z-index: 2;
					}
					
				.image
				{
					text-align: center;
				}				
				
					.image div
					{
						text-align: left;
					}
					
					.image img
					{
						padding: 5px;
						margin: 5px;
						background-color: #cbcbcb;
						-moz-border-radius: 5px;
						-webkit-border-radius: 5px;
						border-radius: 5px;
					}
				
					.image img:hover
					{
						padding: 5px;
						background-color: #aaa;
						-moz-box-shadow: 0 0 5px #011331;
						-webkit-box-shadow: 0 0 5px #011331;
						box-shadow: 0 0 5px #011331;
						z-index: 2;
					}

/* Footer */
#footer
{
}

	#footer-content
	{
		text-align: center;
		/*width: 950px;
		margin: auto;
		background-color: #dbdbdb;
		padding: 5px;
		padding-bottom: 10px;
		-moz-border-radius: 0 0 10px 10px;
		-webkit-border-radius: 0 0 10px 10px;
		border-radius: 0 0 10px 10px;
		-moz-box-shadow: 0 0 5px #011331;
		-webkit-box-shadow: 0 0 5px #011331;
		box-shadow: 0 0 5px #011331;*/
	}
	
		#footer-content a
		{
			color: #0b2b61;
		}