/* CSS Document */

html
	{
		margin:0px;
		padding:0px;
		
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		
		padding-bottom:20px;
	
	}
	
body
	{
		width:920px;
		margin:auto;
		background-image:url(../images/bg.jpg);
		background-position:center top;
		background-repeat:no-repeat;
		background-color:#13507f;

	}
	
#menu
	{
		display:block;
		width:920px;
		height:27px;
		color:#FFFFFF;
		margin:0px;
		
		margin-top:160px;
		text-align:center;
		
		padding-top:10px;
	}
	
	#menu a
		{
			text-decoration:none;
			color:#FFFFFF;
			margin-top:20px;
			#margin-left:20px;
		
		
		}
		
		#menu a:hover
			{
				text-decoration:underline;
			
			}
	
#main
	{
		display:block;
		width:903px;
		background-color:#FFFFFF;
		margin:auto;
		background-image:url(../images/main_bottom.jpg);
		background-position:bottom;
		background-repeat:no-repeat;
		margin-top:0px;
		padding-top:0px;
		
		padding-top:10px;
		padding-bottom:10px;
	
	}
	
/* Menus */
	
#menu_droit
	{
		width:151px;
		float:right;
		margin-right:10px;
		
	}
	
#menu_gauche
	{
		width:151px;
		float:left;
		margin-left:10px;
		
	}

.menu
	{
		display:block;
		width:151px;
		margin-bottom:10px;
		background-repeat:no-repeat;
		background-position:bottom;
		padding-bottom:5px;
	
	}
	
	.menu img
		{
			margin:0px;
			padding:0px;
		
		}
	
	.menu span
		{
			display:block;
			height:26px;
			width:151px;
			background-repeat:no-repeat;
			margin-bottom:10px;

		}
		
	.menu a
		{
			display:block;
			text-decoration:none;
			padding-left:5px;
			margin-right:5px;
			
			font-family:"Lucida Sans Unicode";
		
		}
		
		.menu a:hover
			{
				text-decoration:underline;
			
			}
			
		.menu input
			{
				border:1px #666666 solid;
				background-image:url(../images/recherche_bg.jpg);
				background-repeat:no-repeat;
				background-position:center left;
				padding:2px;
				padding-left:20px;
				margin:5px;
				width:75px;
			
				font-family:"Lucida Sans Unicode";
				font-weight:bold;
			
			}
	
	#menu_jaune {			background-image:url(../images/menu_jaune_bg.jpg); background-color:#d3b800; }
	#menu_jaune span { 		background-image:url(../images/menu_jaune_span.jpg); }
	#menu_jaune a {			color:#715300; }
	
	#menu_bleu {			background-image:url(../images/menu_bleu_bg.jpg); background-color:#145382; }
	#menu_bleu span { 		background-image:url(../images/menu_bleu_span.jpg); }
	#menu_bleu a {			color:#86c6ef; }
	
	#menu_vert {			background-image:url(../images/menu_vert_bg.jpg); background-color:#4c6c12;  }
	#menu_vert span { 		background-image:url(../images/menu_vert_span.jpg);  }
	#menu_vert a { }
	
	#menu_violet {			background-image:url(../images/menu_violet_bg.jpg); background-color:#470b49;  }
	#menu_violet span { 	background-image:url(../images/menu_violet_span.jpg);  }
	#menu_vert a { }
	
	#menu_gris {			background-image:url(../images/menu_gris_bg.jpg); background-color:#d6d6d6;  }
	#menu_gris span {		background-image:url(../images/menu_gris_span.jpg);  }
	#menu_gris a {			color:#2e2e2e; }
	
	
/* Contenue de la page */
	
#content
	{
		width:567px;
		background-color:#e9e9e9;
		background-image:url(../images/content_bg_top.jpg);
		background-repeat:no-repeat;
		
		margin:auto;
		padding-top:5px;
	
	}
	
/*Pages Liste */

.videos
	{
		display:block;
		width:554px;
		height:118px;
		background-image:url(../images/bg_liste_videos.gif);
		background-repeat:no-repeat;
		
		margin:auto;
		margin-top:5px;
	
	}
	
	.videos img
		{
			float:left;
			margin:8px;
			border:1px #666666 solid;
			
			font-family:"Lucida Sans Unicode";
		}
		
	.videos a
		{
			font-size:16px;
			color:#FFFFFF;
			display:block;
			
			text-decoration:none;
			padding-top:8px;
		
		}
		
		.videos a:hover
			{
				text-decoration:underline;
			
			}
		
	.videos em
		{
			display:block;
			color:#9f9f9f;
		
		}
		
	.videos p
		{
			display:block;
			color:#FFFFFF;
			margin:0px;
			margin-top:5px;
			padding:0px;
			
			height:50px;
		
		}
		
	.videos span
		{
			color:#CCCCCC;
			display:block;
			text-align:right;
			padding-right:5px;
		
		}
		
		.videos span a
			{
				display:inline;
				color:#FFFFFF;
				font-size:12px;
				
				text-decoration:none;
		
			}
			
	.liste_pub
		{
			width:555px;
			height:72px;
			background-image:url(../images/espace_pub.gif);
			background-repeat:no-repeat;
			
			margin:auto;
			margin-top:4px;
			
			padding-top:5px;
			
			text-align:center;
		
		}
.liste_pub2
		{
			width:555px;
			overflow:auto;
			background-image:url(../images/espace_pub.gif);
			background-repeat:no-repeat;
			
			margin:auto;
			margin-top:4px;
			
			padding-top:5px;
			
			text-align:center;
		
		}
		
	/* Page de liste >> Page par page */
	
	#page_par_page
		{
			display:block;
			width:554px;
			height:21px;
			
			margin:auto;
			background-image:url(../images/bare_page_par_page.gif);
			
			margin-top:5px;
			
			text-align:center;
			
			font-family:"Lucida Sans Unicode";
		}
		
		#page_par_page a
			{
				color:#757575;
				text-decoration:none;
				padding-left:10px;
				padding-right:10px;
			
			}
			
		#page_par_page a:hover
			{
				text-decoration:underline;
			
			}
			
/* Affichage de la video */

.pub
	{
		width:555px;
		height:71px;
		background-image:url(../images/bg_pub.gif);
		background-repeat:no-repeat;
		
		margin:auto;
		margin-top:5px;
	
	}
	
	#lecteur
		{
			width:555px;
			height:413px;
			background-image:url(../images/lecteur_bg.gif);
			background-repeat:no-repeat;
			
			margin:auto;
			margin-top:5px;
		
		}
		
	/* commentaires */
	
	.commentaires
		{
			display:block;
			width:554px;
			background-image:url(../images/commentaires_bg.gif);
			background-repeat:no-repeat;
			background-color:#000000;
			
			margin:auto;
			margin-top:5px;
		
		}
		
		.commentaires span
			{
				display:block;
				height:22px;
				background-image:url(../images/commentaires_span.gif);
			
			}
			
			.commentaires strong
				{
					margin-left:30px;
					font-size:16px;
					color:#7ac7ff;
					padding-top:3px;
				
				}
			
			.commentaires em
				{
					color:#9f9f9f;
		
				}
				
			.commentaires p
				{
					display:block;
					text-align:justify;
					padding:5px;
					margin:0px;
					
					color:#b6b6b6;
				
				}
				
/* Formulaire*/

form
	{
		padding:20px;
		margin:0px;
		font-family:"Lucida Sans Unicode";
		
	}
		
	form span
		{
			display:block;
			margin-bottom:5px;
			margin-top:5px;
		
		}
		
	form input, textarea, select
		{
			border:1px #13517f solid;
			padding:2px;
		
			font-family:"Lucida Sans Unicode";
			font-weight:bold;
			font-size:12px;
			
			color:#666666;
		
		}

	form .valid
		{
			display:block;
			margin-top:25px;
		
		}
		
/* Balise generale */

h1
	{
		font-family:"Lucida Sans Unicode";
		font-weight:bold;
		margin:0px;
		padding:15px;
		font-size:18px;
	
	}
	
	.msg_error
		{
			display:block;
			padding:5px;
			margin-left:20px;
			font-weight:bold;
			color:#FF9900;
		
		}
		
	.msg_accept
		{
			display:block;
			padding:5px;
			margin-left:20px;
			font-weight:bold;
			color:#006600;
		
		}
		
		
		
/* Administration */

.admin_liste
	{	width:450px;
		height:200px;
		margin:auto;
		overflow:auto;
		border:1px #000099 solid;
	
	}
	
	.admin_liste span
		{
			display:block;
			margin:3px;
		
		}
	
	.admin_liste a
		{
			font-weight:bold;
			color:#0000CC;
			text-decoration:none;
			display:inline; 
			margin:2px;	
				
		}