/* CSS Document */

html
	{
		font-family:"trebuchet MS";
		font-size:12px;
		background-image:url(../images/bg.gif);
	
	}
	
body
	{
		width:600px;
		margin:auto;
		margin-top:20px;
		margin-bottom:20px;
		border:1px #CCC solid;
		background-color:#FFFFFF;
	
	}

		
	#content
		{
			width:449px;
			float:left;
			border-right:1px #CCCCCC solid;
		}
		
		#content .intro
			{
				display:block;
				border-bottom:1px #CCCCCC solid;
				margin-top:5px;
				text-align:justify;
				padding:10px;
				margin-bottom:0px;
			
			}
		
		/* Liens vers les videos */
		
		#content .videos
			{
				display:block;
				padding:10px;
				border-bottom:1px #CCCCCC solid;
				text-decoration:none;
				color:#0066CC;
			
			}
			
			#content .videos:hover
				{
					background-color:#E4E4E4;
				
				}
			
		/* Page par page */
		
		#content .pages
			{
				display:block;
				border-top:1px #CCCCCC solid;
				border-bottom:1px #CCCCCC solid;
				text-decoration:none;
				color:#0066CC;
				margin-top:5px;
				margin-bottom:5px;
				text-align:center;
				padding:5px;
			
			}
			
			#content .pages a
				{
					text-decoration:none;
					color:#0066CC;
					padding-left:10px;
					padding-right:10px;
					display:inline;
				
				}
				
				#content .pages a:hover
					{
						text-decoration:underline;
					
					}
					
		/* Affichage du lecteur */
		
		#lecteur
			{
				width:450px;
				height:310px;
				margin:auto;
				display:block;
				margin-top:15px;
				margin-bottom:15px;
				border:0px #CCCCCC solid;
				text-align:center;
				padding-bottom:5px;
				padding-top:5px;
			
			}
			
	#menu
		{
			width:150px;
			float:right;
			padding-bottom:20px;
		
		}
		
		#menu span
			{
				display:block;
				padding:5px;
				font-weight:bold;
			
			}
			
		#menu a
			{
				display:block;
				color:#0066CC;
				padding:3px;
				padding-left:10px;
				text-decoration:none;
			
			}
			
			#menu a:hover
				{
					text-decoration:underline;
				
				}
				
	#footer
		{
			clear:both;
			padding:10px;
			font-weight:bold;
			border-top:1px #CCCCCC solid;
			margin-top:15px;
			display:block;
		
		}
		
	/* --- */
	
	h1
		{
			display:block;
			padding:10px;
			border-bottom:1px #CCCCCC solid;
			border-top:1px #CCCCCC solid;
			text-decoration:none;
			color:#0066CC;
			font-size:18px;
			
		}
		
	h2
		{
			display:block;
			padding:10px;
			border-bottom:1px #CCCCCC solid;
			border-top:1px #CCCCCC solid;
			text-decoration:none;
			color:#333333;
			font-size:12px;
			
		}
		
	.retour
		{
			display:block;
			padding:10px;
			border-bottom:1px #CCCCCC solid;
			border-top:1px #CCCCCC solid;
			margin-top:5px;
			margin-bottom:5px;
			text-decoration:none;
			color:#0066CC;
		
		}
		
		.retour:hover
			{
				background-color:#E4E4E4;
				
			}
			
	#description
		{
			display:block;
			margin:15px;
			text-align:justify;
		
		}
		
	/* --- PUB --- */
	
	.pub
		{
			display:block;
			margin:auto;
			width:234px;
			height:60px;
			margin-top:15px;
			margin-bottom:15px;
		
		}
		
	/* --- SOUS les videos --- */
	
	.sousVideo
		{
			display:block;
			border-top:1px #CCCCCC solid;
			border-bottom:1px #CCCCCC solid;
			margin-top:10px;
			margin-bottom:10px;
			padding:10px;
		
		}
		
		.sousVideo em
			{
				display:block;
				text-decoration:underline;
			
			}
			
		.sousVideo input
			{
				display:block;
				padding:2px;
				border:1px #999999 solid;
				font-weight:bold;
				font-family:"trebuchet MS";
				font-size:12px;
				margin-top:5px;
				margin-bottom:5px;
			
			}