/* Reset */
@import "reset.css";

:focus {
	outline:1px dotted #000;
}

/*================================*/
/*            Layout              */
/*================================*/

html {
	background:#8C3A22 url(../img/fond.png) repeat-x top;
}

	body {
		color:#FFF;
		height: 100%;

	}
	
		#page {
			width:98em;
			margin:0 auto;
		}
		#conteneur {
		   background-color : #000000;
		   width: 100%; 
		   height: 120%; 
			-height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
			-Width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
		   filter:alpha(opacity=85);
		   -moz-opacity:0.85;
		   opacity: 0.85;             
		   position: absolute;
		   top: 0px; left: 0px;
		   z-index:2;
		}
		#flash {
			position:absolute;
			height:100%;
			width:100%; 
			margin:10% auto;
			padding:0px; 
			text-align: center; 
			background-position:center; 
			z-index:0;
		}
	
			#header {
				padding-top:1em;
			}
			
			#content {
				clear:both;
				background:#FFF;
				color:#646462;
				padding:2em 2em .5em;
				width:94em;
			}
			
				#inner {
					background:#F4EAE8;
					padding:1em;
					position:relative;
					width:92em;
					overflow:hidden;
				}
	
			#footer {
				color:#B6B6B6;
				text-align:right;
				padding:.5em 2.6em;
				background:#FFF;
			}

/*================================*/
/*            Links              */
/*================================*/

a, a:visited { color:#8B3B24; font-weight:bold; }
a:hover, a:active { text-decoration:none; }

#header h1 a, #header h1 a:visited { color:#000; }
#header a, #header a:visited { color:#FFF; font-weight:normal; }

#header form a, #header form a:visited { 
	font-size:1.3em;
	font-weight:bold;
	background:url(../img/bout_fleche.gif) no-repeat left center;
	padding-left:1.92em;
	float:left;
	line-height:2em;
}

#menu a, #menu a:visited,
#menu a:hover, #menu a:active { color:#FFF; text-decoration:none; }

#lineup a, #lineup a:visited { font-size:1.1em; }

/*================================*/
/*       Common elements          */
/*================================*/

h1 {
	width:128px;
	height:3em;
	background:#FFF;
	font-size:1.8em;
	text-align:center;
	float:left;
	color:#000;
	overflow:hidden;
}

h2, h3 {
	display:none;
}

h5 { font-weight:normal; }

hr {
	display:none;
}

body #print {
	position:absolute;
	top:2em;
	font-size:1.1em;
	display:block;
}

strong {
	font-weight:bold;
}

/*================================*/
/*            Blocks              */
/*================================*/

/* Login form */
#signin, #account {
	height:2.6em;
	float:left;
	padding:1.4em .1em;
	width:50em;
}

	#signin legend, #account legend { display:none; }

	#signin p {
		float:left;
	}
	
		#signin label {
			font-weight:bold;
			margin-left:1.54em;
			font-size:1.1em;
			margin-right:.3em;
		}
	
		#signin #login, #signin #password {
			background:#F3EBE8;
			border:1px solid #B9897D;
			width:11.8em;
			height:1.5em;
			font-size:1em;
			margin-bottom:1px;
		}
		
		#signin #loginsubmit {
			margin:0 0 0 .4em;
			color:#FFF;
		}


/* Logged form */
#account {
	padding:1em 1.9em;
}

	#account #title {
		background:#F3EBE8;
		border:1px solid #B9897D;
		width:20.9em;
		height:1.5em;
		margin:.4em 0 0 2em;
		color:#8F3C1E;
		font:bold 1.1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
	
	#account #loginsubmit {
		margin-top:.3em;
	}

/* Header menu */
#header ul {
	float:right;
	margin:1.7em 0;
	margin-right:3em;
	text-align:right;
	border-right:1px solid #FFF;
}

	#header li {
		display:inline;
		border:solid #FFF;
		border-width:0 1px;
		margin-right:-1px;
		font-size:1.1em;
		padding:0 .91em;
	}

/* Main menu */
#menu {
	margin:0 -.2em 1em;
	color:#FFF;
	/*overflow:hidden;*/
	height:30px;
}

	#menu li {
		float:left;
		background:#8C3A22;
		width:12.5em;
		height:30px;
		margin:0 .16em;
		line-height:2.5em;
		font-weight:bold;
		text-align:center;
		font-size:1.2em;
		text-transform:uppercase;
		position:relative;
	}
	
		#menu a {
			background:#BA897A;
			display:block;
		}
		
			#menu a:hover { background:#8C3A22; }
		
			#menu a span { background-position:center top; cursor:pointer; }
			#menu li:hover span,
			#menu li.hover span { background-position:center bottom; }
		
			#menu span {
				position:absolute;
				top:0;
				left:0;
				height:100%;
				width:100%;
				background:no-repeat center bottom;
			}
		
		#menu .home span { background-image:url(../img/menu_home.gif); }
		#menu .newfilms span { background-image:url(../img/menu_newfilms.gif); }
		#menu .library span { background-image:url(../img/menu_library.gif); }
		#menu .fiction span { background-image:url(../img/menu_fiction.gif); }
		#menu .documentary span { background-image:url(../img/menu_documentary.gif); }
		#menu .animation span { background-image:url(../img/menu_animation.gif); }
		
		#menu ul {
			position:absolute;
			margin:0;
			display:none;
			width:10px;
			z-index:10;
		}
		
		#menu li:hover ul,
		#menu li.hover ul {
			display:block;
		}
		
			#menu li li {
				font-size:.916em;
				width:13.68em;
				border-top:1px solid #F4EAE8;
				line-height:1.85em;
				height:auto;
				margin:0;
				position:relative;
			}
			
				#menu li li a { width:13.68em; }
				#menu li li a:hover { background:#A4614E; }

/* Une */
#une {
	margin:0 -2em 1em 0;
}

	#une a, #une div {
		margin-right:1em;
	}
	
	#une div {
		display:inline;
	}
	
		#une * {
			vertical-align:middle;
		}

/* Movies */
#movies {
	margin:0 -.5em;
	float:left;
}

	#movies li {
		border:.5em solid #DAC1BA;
		float:left;
		width:12.5em;
		height:32.5em;
		background:#FAFAFA url(../img/back.gif);
		padding:.5em;
		position:relative;
		margin:0 .5em;
	}
	
		#movies img {
			margin:-.5em -.5em 0;
			width:13.5em;
		}
			
		#movies h4 {
			color:#8B3B24;
			font-weight:bold;
			margin-top:.63em;
			font-size:1.1em;
		}
		
			#movies small {
				font-weight:normal;
				display:block;
				font-size:.81em;
			}
	
		#movies li ul {
			
		}
		
			#movies li li {
				border:0;
				float:none;
				width:auto;
				height:auto;
				position:static;
				background:transparent none;
				padding:0;
				margin:0;
			}
		
				#movies li li li {
					font-weight:bold;
				}
		
					#movies li li li span {
						font-weight:normal;
					}
		
		#movies .available {
			position:absolute;
			bottom:0;
			color:#C4244A;
			padding-bottom:.4em;
		}
		
		#movies .available h5 {
			font-weight:bold;
		}

/* Line up */
#lineup {
	float:left;
	border:.5em solid #DAC1BA;
	width:26.91em;
	margin-left:1em;
	background:#FAFAFA url(../img/back.gif);
	padding:1em;
	height:31.5em;
}

	#lineup h4 {
		color:#8F3A26;
		font-size:2em;
		text-transform:uppercase;
		margin:.24em .05em 0;
	}
	
	#lineup ul {
		padding:.7em 0 1.4em;
	}
	
		#lineup li {
			line-height:1.55em;
		}
		
/*================================*/
/*  Common blocks between pages   */
/*================================*/	

/* Authorized menu */
#authorized {
	position:absolute;
	top:9.7em;
	right:1em;
	width:150px;
}

	#authorized h3 {
		display:block;
		position:relative;
		width:150px;
		height:23px;
		padding:0;
		font-size:1em;
	}
	
		#authorized h3 span {
			position:absolute;
			top:0;
			left:0;
			height:100%;
			width:100%;
			background:url(../img/authorized.gif) no-repeat center;
		}
		
	#authorized ul {
		background:#8C3A21;
	}
	
		#authorized li {
			padding:0 3px 3px;
		}
	
		#authorized a {
			display:block;
			background:#FFF url(../img/authorized-back.gif) no-repeat left top;
			height:20px;
			line-height:20px;
			text-decoration:none;
			text-align:center;
			font-size:1.1em;
		}
		
		#authorized a:hover,
		#authorized a.active { background:#8C3A21; color:#FFF; }

/* P & A form */
#paform {
	padding:0 0.9em 0.9em;
}

	#paform col.col1 { width:18%; }
	#paform col.col2 { width:32%; }
	#paform col.col3 { width:16%; }
	#paform col.col4 { width:34%; }
					/*    = 100%*/

		#paform td {
			border:0;
			text-align:right;
			background:none;
		}
		#paform .int { text-align:left; line-height:1.7em; }
		#paform .input { text-align:left; }
		
			#paform h2 {
				display:block;
				text-align:left;
				font-size:1.7em;
				font-weight:bold;
				color:#893C20;
			}
		
			#paform h3 {
				display:block;
				text-align:left;
				font-size:1.2em;
				font-weight:bold;
				color:#893C20;
				margin:.5em 0;
			}
		
			#paform h4 {
				display:block;
				text-align:center;
				font-size:1.2em;
				font-weight:bold;
				color:#893C20;
				margin:.5em 0;
				text-transform:uppercase;
			}
		
			#paform h5 {
				display:block;
				text-align:center;
				font-weight:bold;
			}
		
			#inner #paform input {
				float:none;
				width:15em;
				margin:0 5px;
			}
			
			#inner #paform .int input { width:5em; }
		
			#inner #paform select {
				float:none;
				width:auto;
				margin:0 5px;
			}
	
			#paform tfoot input {
				float:none;
				height:auto;
				width:auto;
				border:0;
				background:none;
				color:#893C20;
				font-size:1em;
				cursor:pointer;
				font-size:1.1em;
			}