@media screen
{
	* { /* On force mozilla a se comporter comme IE, qui ne suit pas la norme */
		-moz-box-sizing: border-box; 
	} 
	
	/* COLONNE DE GAUCHE */
	#col_gauche
	{
		float:left;
		
		width:240px;
		
		border:none;
		border-width:5px;
		border-color:#F00;
	}
	
		#img_film
		{
			z-index:10;
		
			clear:left;
			
			width:227px;
		
			margin:10px;
		
			background-color:#FFF;
		
			border:solid;
			border-width:1px;
			border-color:#3398CC;
		
			padding:5px;
			
			text-align:center;
		}
		
		#bandeau
		{
			z-index:1;
			
			clear:left;
	
			width:311px;
		
			text-align:left;
		
			padding-left:5px;
		
			border:solid;
			border-width:0px;
		
			background-color:#3398CC;
			background-image:url(../images/bandeau_degrade_h100.jpg);
			background-position:top right;
			background-repeat:no-repeat;
			
			height:110px;
		}
		
		#critique_to_valid_users
		{
			z-index:1;
		
			clear:left;
		
			width:227px;
		
			margin:10px;
		
			background-color:#FFF;
		
			border:solid;
			border-width:1px;
			border-color:#3398CC;
		
			padding:5px;
		}
		
			#critique_to_valid_users .pseudo
			{
				font-size:12px;				
				font-family:Verdana;				

				color:#77B;
				
				cursor:pointer;				
			}
			
		#critique_to_valid_medias
		{
			z-index:1;
		
			clear:left;
		
			width:227px;
		
			margin:10px;
		
			background-color:#FFF;
		
			border:solid;
			border-width:1px;
			border-color:#3398CC;
		
			padding:5px;
			
			font-size:12px;				
			font-family:Verdana;	

			color:#77B;
		}
		
			#critique_to_valid_medias .titre_critique
			{
				font-size:10px;
			
				padding-bottom:5px;
			}

			#critique_to_valid_medias .titre_film
			{
				font-weight:900;
			}
	
			#critique_to_valid_medias A
			{
				color:#77B;
				text-decoration:none;
			}
			
			#critique_to_valid_medias A:hover
			{
				color:#000;
				text-decoration:none;
			}
			
	/* CONTENU */
	#content
	{
		float:left;
	
		position:relative;
		
		left:0px;
		
		width:66%;
	
		border:none;
		border-width:5px;
		border-color:#0F0;
	}
		
		/* CRITIQUE */
		#critique
		{
			z-index:1;
		
			float:left;
			clear:left;
			
			position:relative;
			top:-1px;
			left:0px;

			width:100%;
			
			margin-left:10px;
		
			background-color:#FFF;
		
			border:solid;
			border-width:1px;
			border-color:#3398CC;
		
			padding:20px;
			padding-top:10px;
			padding-bottom:10px;
		
			font-family : Verdana;
			font-size:13px;
			text-align:justify;
		
			opacity:0.93;
			-moz-opacity:0.93;
			filter:progid:DXImageTransform.Microsoft.Alpha(opacity=93);
		}
	
			#critique A
			{
				color:#1087BA;
			}

			#critique A:hover
			{
				color:#C81;
			}
	
			#titre
			{
				clear:right;
			
				font-size:18px;
				font-weight:900;
			
				border:solid;
				border-width:0px;
			
				text-align:right;
			
				margin-bottom:0px;
			}
			
			#note
			{
				clear:right;
			
				font-size:11px;
				font-weight:500;
			
				border:solid;
				border-width:0px;
			
				text-align:right;
			
				margin-bottom:20px;
			}
			
			#texte
			{
				clear:right;
			}
					
			#auteur
			{
				clear:right;
			
				font-size:16px;
				font-weight:900;
			
				border:solid;
				border-width:0px;
			
				text-align:right;
			
				margin-top:10px;
			}

			#auteur A
			{
				color:#000;
			}

			#critique .txt_correc
			{
				color:#00F;
				font-weight:500;
				text-decoration:underline;
			}
	
	
	#info_connexe
	{
		z-index:1;
	
		width:215px;
	
		margin:10px;
	
		background-color:#FFF;
	
		border:solid;
		border-width:1px;
		border-color:#3398CC;
	
		padding:5px;
	}
	
	#info_connexe TABLE
	{
		width:215px;
	
		font-size:12px;				
		font-family:Verdana;
	}
	
	.info_connexe_td
	{
		height:20px;
		
		color:#B77;
	
		cursor:pointer;
	}
	
	.info_connexe_td A
	{
		color:#B77;
		
		text-decoration:none;
	}
	
	.info_connexe_td_over
	{
		height:20px;
		
		color:#000;
	
		cursor:pointer;
	}
	
	.info_connexe_td_over A
	{
		color:#000;
		
		text-decoration:none;
	}
	
	
	
	
	#critique_info_box_petite
	{
		font-family:verdana;
		
		width:200px;
	}
	
	.info_critique_petite
	{
		padding:5px;
	}
	
	.info_critique_petite .lib
	{
	
		font-size:12px;
		font-weight:500;
		color:#CCD;
		text-align:left;
	}
	
	.info_critique_petite .val
	{
		font-size:14px;
		font-weight:500;
	
		text-align:right;
	}
	
	.info_critique_petite .info
	{
		font-size:10px;
		font-weight:500;
	
		background-color:#EEEEFF;
	
		text-align:center;
	}
	
	#img_fond
	{
		display:none;
	}
}

@media print
{
	@page
	{
		size: 21cm 29,7cm;
		
		margin:2cm;
	}
	
	A:link		{
			color: #000000;
			text-decoration: none;
			}
	
	#img_film {display:none;}
	
	#flash_deco_bg{display:none;}
	
	#info_connexe{display:none;}
	
	#menu{display:none;}
	
	#bandeau{display:none;}
	
	.div_fiche_film_media_link{display:none;}
	
	#img_fond
	{
		position:fixed;
		
		background:none;
		width:100%;
		
		text-align:center;
	}
	
	#critique
	{
		border:none;
	
		font-family : Verdana;
		font-size:13px;
		text-align:justify;
		
		width:100%;
				
		background-image:url(images/fond_print.gif);
	}
	
	#tab_menu{display:none;}
	
	#titre
	{
		font-size:18px;
		font-weight:900;
	
		width:100%;
		position:absolute;
		top:0px;
		left:0px;
	
		border:solid;
		border-width:0px;
	
		position:absolute;
		top:0px;
		left:0px;
		
		text-align:left;
	
		margin-top:0px;
	}
	
	#auteur
	{
		font-size:16px;
		font-weight:900;
	
		width:100%;
	
		border:none;
		border-width:0px;
	
		position:absolute;
		top:0px;
		left:0px;
	
		text-align:left;
	
		margin-top:20px;
	}
	
	#note
	{
		font-size:9px;
		font-weight:500;
	
		width:100%;
	
		position:absolute;
		top:0px;
		left:0px;
	
		margin-top:40px;
		text-align:left;
	}
	
	#texte
	{
		position:relative;
		left:0px;
		top:0px;
		
		size: auto;
		
		z-index:0;
		margin-top:60px;
		
		page-break-inside:avoid;
		
		widows:10;
	}
	
	#texte A
	{
		font-style:italic;
	}
}