body 				{
					background-color:#3F4C6B;
					overflow:hidden;
					}
					
					
#conteneur			{
					position:relative;
					top:59px;
					background-repeat:repeat-x;
					width:50000px;
					height:500px;
					left:-8px;
					}
					
					
#contenu			{
					position:relative;
					top:0px;
					width:980px;
					height:500px;
					}
				
				
#logo				{
					position:absolute;
					top:-42px;
					left:5px;
					z-index:100;
					}
				
					
#menu				{
					position:absolute;
					top:11px;
					left:115px;
					font-family:Arial;
					font-size:11px;
					color:#FFFFFF;
					font-weight:bold;
					width: 743px;
					}
				
					
.bouton ul			{
 					padding:0;
					margin:0;
					list-style-type:none;
				 	}
					
					
.bouton li 			{
					float:left; /*pour IE*/
				 	border-left:1px solid #990000;
					}
					
					
.bouton ul li a 	{
					display:block;
					width:100px;
					float:left;   
					line-height:20px;
					color:#FFFFFF;
					text-decoration:none;
					text-align:center;
					padding:2px;
					}
					 
					 
.bouton ul li a:hover{
					background-color:#990000;
					color:#FFFFFF;
					text-decoration:none;
					}
					
.bouton ul li a:visited{
					color:#FFFFFF;
					text-decoration:none;
					}
					
					
					
.title		    	{
					font-family:Arial;
					font-size:20px;
					font-weight:bold;
					color:#333333;
					}
					
					
#text		    	{
					position:relative;
					top:46px;
					width:990px;
					height:570px;
					background-color:#FFFFFF;
					}					
					
#info		    	{
					position:relative;
					top:20px;
					width:640px;
					height:394px;
					font-family:Arial;
					font-size:12px;
					text-align:left;
					line-height:1.3em;
					font-weight:normal;
					padding-left:40px;
					padding-top:20px;
					color:#333333;
					z-index:2;
					}
					
#info_cover		    	{
					position:relative;
					top:20px;
					width:640px;
					height:374px;
					font-family:Arial;
					font-size:12px;
					text-align:left;
					line-height:1.3em;
					font-weight:normal;
					padding-left:40px;
					padding-top:20px;
					color:#333333;
					z-index:2;
					}
					
#info_film		    {
					position:relative;
					top:20px;
					left:217px;
					width:450px;
					height:394px;
					font-family:Arial;
					font-size:12px;
					text-align:left;
					line-height:1.3em;
					font-weight:normal;
					padding-left:30px;
					padding-right:30px;
					padding-top:20px;
					color:#333333;
					z-index:2;
					}	
								
#bande				{
					position:absolute;
					top:161px;
					width: 662px;
					height: 188px;
					background-image:url(../images/logo/lesfilmsdelabas.png);
					background-repeat:no-repeat;
					left:0px;
					z-index:4;
					}
														
#affiche				{
					position:absolute;
					top:66px;
					left: 41px;
					right:742px;
					width: 175px;
					height: 241px;
					padding-top:20px;
					z-index:2;
					}					
					
#photo				{
					position:absolute;
					top:46px;
					right:-4px;
					width: 250px;
					height: 500px;
					z-index:2;
					}


a:link 				{
					color:#cc0000;
					text-decoration:underline;
					}
				
a:visited 			{
					color:#cc0000;
					text-decoration:underline;
					}
				
a:hover 			{
					color:#ff0000;
					text-decoration:underline;
					}
					
h3		 			{
					color:#CC0000;
					}
					
h4		 						{
								color:#333333;
								}
					

img		 						{
								border:none;
								}			
				
/*--Main Container--*/
.main_view 						{
								float: left;
								position: relative;
								float:left;
								}


/*--Window/Masking Styles--*/
.window 						{
								height:286px;
								width: 700px;
								overflow: hidden; /*--Hides anything outside of the set width/height--*/
								position: relative;
								float:left;
								}


.image_reel 					{
								position: absolute;
								top: 0; left: 0;
								float:left;
								display:block;
								}




/* PAGING STYLE */
.paging 						{
								position:relative;
								bottom: 50px; left: 624px;
								width: 178px; height:47px;
								font-family:Arial;
								font-size:12px;
								z-index: 100; /*--Assures the paging stays on the top layer--*/
								text-align: center;
								line-height: 40px;
								display: none; /*--Hidden by default, will be later shown with jQuery--*/
								text-decoration:none;
								}
				
				
.paging a						{
								padding: 5px;
								text-decoration: none;
								color:#000000;
								text-decoration:none;
								}
				
				
.paging a.active 				{
								font-weight: bold; 
								background: #920000; 
								border: 1px solid #610000;
								color:#FFFFFF;
								-moz-border-radius: 3px;
								-khtml-border-radius: 3px;
								-webkit-border-radius: 3px;
								text-decoration:none;
								}
				
				
.paging a:hover 				{font-weight: bold;
								text-decoration:none;
								}

					
/* BILLBOARD */
#cover ul 						{position: absolute; top: 19px; left: 0px; margin-bottom: 0; width: 1500px; height: 251px;}		
#cover ul li 					{ float: left; width: 125px; margin-right: 20px; margin-bottom: 11px; line-height:2; list-style: none; padding-right:30px}
#cover ul li a.title 			{ display: block; font-family:Arial; font-size:12px; text-align: left;  text-decoration:none; background: none; color:#CC0000; position: relative;}
#cover ul li a.title:hover		{ text-decoration: none; opacity:0.5;}
#cover ul li a.title em			{text-decoration:none; font-style: normal;letter-spacing: -1px; cursor: pointer;}
#cover ul li a.title:hover em 	{ text-decoration: underline;}

