/*----------------------------------------------------------
	Main CSS
	Main styles for all the website

	Project:		UGC Distribution
	Author:			e-TF1 Web Agency
		IE Patches
----------------------------------------------------------*/

/* ================================
 * Reset styles
 * Based on Eric Meyer's reset reloaded ( http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded )
 * ================================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-shadow: #000 0 0 0;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline:1px dotted;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	background:#FFF;
}

body {
	line-height:normal;
	color:#000;
	font-size:10px;
}

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

/* 
 * General layout
 * Using Perfect multi-column CSS liquid layouts ( http://matthewjamestaylor.com/blog/perfect-multi-column-liquid-layouts )
 */

html { background:#005CA6 url(../image/layout/html_bg.jpg) repeat-x; }
			#subcontainer { margin:0 auto; position:relative; width:980px; }

/* Column container */
.mask { clear:both; overflow:hidden; padding:10px; width:960px; }

/* Common column settings */
.subsubmask, .submask { float:left; width:960px; }
	.part1, .part2, .part3, .part4 { float:left; display:inline; overflow:hidden; position:relative; padding:5px 5px 0; }

/* 2 Column (double page) settings */
.doublepage .submask { right:490px; }
	.doublepage .part1, .doublepage .part2 { left:490px; width:480px; }

/* Full page settings */
.fullpage .part1 { left:0; width:970px; }

/* Debug */
/*.mask { background:#FFF; }
	.treeparts, .twoparts { background:#FFF; }
		.submask { background:#FF5F00; }
			.subsubmask { background:#0F0; }
				.part1 { background:#0FF; }
				.part2 { background:#00F; }
				.part3 { background:#F0F; }
.part1 *, .part2 *, .part3 * { background:#FF0; }*/

/* Content1 */
#content1 { background:#FFF; padding:0 10px; }

	/* 2 parts */
	#content1.twoparts .part1 { left:0; margin:0 5px 0 10px; overflow:hidden; padding:10px; width:540px; }
	#content1.twoparts .part2 { left:0;  margin:0 10px 0 5px; padding:0; width:370px; }
	/* 2parts */
	#content1.twoparts .part3 { left:0; margin:0 0 0px 10px; padding:10px 10px 10px 10px; width:330px; }
	#content1.twoparts .part4 { left:0; margin:5px 0 0px 1px; padding:10px 8px 10px 10px; width:570px; min-height:495px; }
		#fiche-film-pro { background:url(../image/block/espacepro/bg_fichepro.jpg) no-repeat; color:#FFFFFF; }
		
	/* 1 part */
	#content1.twoparts .part0 { float:left; margin:0 10px 0 10px; overflow:visible; padding:10px; width:940px; }
		#fiche-film { background:url(../image/block/fichefilm/bg-fichefilm.jpg) no-repeat; color:#FFFFFF; }
		#catalogue { background:url(../image/block/fichefilm/bg-fichefilm.jpg) no-repeat; color:#FFFFFF; }
			
	#content1.twoparts .part5 { left:0; margin:5px 0 0px 10px; width:342px; }
	#content1.twoparts .part6 { left:0; margin:5px 10px 0px 10px; padding:0; width:588px; }
	
	#content1.twoparts .part7 { float:left; margin:5px 0 0px 10px; width:587px; }
	#content1.twoparts .part8 { float:left; margin:5px 10px 0px 10px; padding:0; width:300px; }
	
	/* 1 part */
	#content1.twoparts .part00 { float:left; margin:0 10px 0 10px; overflow:visible; width:940px; }
		#fiche-film { background:url(../image/block/fichefilm/bg-fichefilm.jpg) no-repeat; color:#FFFFFF; }
		
/* Content2 */
#content2 { background:#FFF; padding-bottom:0; }

	/* 2 parts */
	#content2.twoparts .part1 { left:0; padding:10px 10px 0 10px; width:605px; }
	#content2.twoparts .part2 { left:0; padding:10px 10px 0 5px; width:320px; }
					
/* Footer */
#footer { background:url(../image/layout/footer-back.png) no-repeat; color:#ffffff; height:49px; padding-top:76px; text-align:center; }
#footer a{ color:#ffffff; font-weight : bold; }
	#footer img { vertical-align:top; }

/*
 * Commons layout components
 */

/* Branding */
#branding { background:url(../image/layout/content-back.png) no-repeat 0 100%; padding:7px 0 38px 20px; }
	#branding h1 { background:url(../image/layout/branding.png); height:90px; width:133px; margin-left : 21px; }
		#branding a { display:block; height:90px; position:relative; overflow:hidden; text-indent:-9999px; z-index:1000; }

/* Skip navigation */
#nav-skip { background:#000; left:-9999em; position:absolute; }
#nav-skip.active { left:0; top:0; z-index:1000; }
	#nav-skip li { float:left; padding:5px; }
		#nav-skip a, #nav-skip a:visited { color:#FFF; text-decoration:none; }				
		#nav-skip a:hover, #nav-skip a:active { text-decoration:underline; }

/* Main navigation */
#nav-main { left:220px; position:absolute; top:73px; }
	#nav-main li { float:left; }
	#nav-main .active, #nav-main li:hover { background:none; }
		#nav-main li a { background:url(../image/layout/nav.jpg) no-repeat; display:block; height:26px; overflow:hidden; padding:0 13px; text-indent:-9999px; outline : none; }
		#nav-main a.home       { background-position:0 0; width:58px; }
		#nav-main a.videos     { background-position:-83px 0; width:53px; }
		#nav-main a.contest    { background-position:-162px 0; width:112px; }
		#nav-main a.newsletter { background-position:-300px 0; width:82px; }
		#nav-main a.news-feed  { background-position:-408px 0; width:90px; }
		#nav-main a.calendar   { background-position:-524px 0; width:86px; }
		#nav-main a.catalog    { background-position:-636px 0; width:70px; }
		
		#nav-main .active a.home, #nav-main a.home:hover             { background-position:0 -26px; }
		#nav-main .active a.videos, #nav-main a.videos:hover         { background-position:-83px -26px; }
		#nav-main .active a.contest, #nav-main a.contest:hover       { background-position:-162px -26px; }
		#nav-main .active a.newsletter, #nav-main a.newsletter:hover { background-position:-300px -26px; }
		#nav-main .active a.news-feed, #nav-main a.news-feed:hover   { background-position:-408px -26px; }
		#nav-main .active a.calendar, #nav-main a.calendar:hover     { background-position:-524px -26px; }
		#nav-main .active a.catalog, #nav-main a.catalog:hover       { background-position:-636px -26px; }

/* Professional navigation */
#nav-pro { padding:3px 0 0 141px; position:absolute; right:30px; top:13px; width:115px; }
	#nav-pro h2 a { display:block;cursor:hand; background:url(../image/generic/pro.jpg) no-repeat 0 8px; border-right:1px solid #1DA9E1; height:33px; left:0; position:absolute; text-indent:-9999px; top:0; width:127px; }
		#nav-pro a.download, #nav-pro a.infos { background:url(../image/generic/nav-pro.jpg) no-repeat; display:block; height:14px; text-indent:-9999px; width:115px; }
		#nav-pro a.download { background-position:0 0; }
		#nav-pro a.infos { background-position:0 -14px; }
		
		#nav-pro a.download:hover { background-position:100% 0; }
		#nav-pro a.infos:hover { background-position:100% -14px; }

/* About navigation */
#nav-about-home{}
#nav-about-home h2 { left:-9999px; position:absolute; }
#nav-about-home ul { left:5px; position:absolute; bottom:138px; }
	#nav-about-home li { float:left; border-left:1px solid #879499; padding:0 14px; }
	#nav-about-home li:first-child { border:0; }
		#nav-about-home a { font-size:11px; }
		
#nav-about{float: left; background:#FFFFFF; width:960px; margin-top:5px; }
#nav-about h2 { left:-9999px; position:absolute; }
#nav-about ul { float:left; margin-top:5px; }
	#nav-about li { float:left; border-left:1px solid #879499; padding:0 14px; }
	#nav-about li:first-child { border:0; }
		#nav-about a { font-size:11px; }

/* Search */
#search-home { left:382px; position:absolute; bottom:134px; }
	#search-home legend { display:none; }
	#search-home label { left:-9999px; position:absolute; }
	#search-home input { background:#FFF; border:1px solid #7F9DB9; color:#878A8D; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:11px; height:12px; margin-right:5px; padding:3px; vertical-align:middle; width:135px; }
	#search-home button { background:url(../image/generic/button-search.png) no-repeat; border:0; cursor:pointer; height:22px; margin-right:9px; text-indent:-9999px; vertical-align:middle; width:99px; }
	
#search { float:left; margin-left:15px; }
	#search legend { display:none; }
	#search label { left:-9999px; position:absolute; }
	#search input { background:#FFF; border:1px solid #7F9DB9; color:#878A8D; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:11px; height:12px; margin-right:5px; padding:3px; vertical-align:middle; width:135px; }
	#search button { background:url(../image/generic/button-search.png) no-repeat; border:0; cursor:pointer; height:22px; margin-right:9px; text-indent:-9999px; vertical-align:middle; width:99px; }

/* Newsletter */
#newsletter { left:270px; position:absolute; top:22px; width:420px; }
	#newsletter legend { display:none; }
	#newsletter label { color:#ffffff; font-size:11px; margin-right:3px; vertical-align:middle; }
	#newsletter input { background:#337bb6; border:0; color:#ffffff; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:11px; height:14px; margin-right:3px; padding:3px; vertical-align:middle; width:137px; }
	#newsletter button { background:url(../image/generic/button-ok.png) no-repeat; border:0; cursor:pointer; height:20px; margin-right:9px; overflow:hidden; text-indent:-9999px; vertical-align:middle; width:29px; }
	#newsletter a { color:#669cc8; font-size:11px; vertical-align:middle; }



/* ================================
 * Commons website items
 * ================================*/
.feed {	background:url(../image/generic/feed.png); display:block; height:16px; overflow:hidden; text-indent:-9999em; width:16px; }

hr { display:none; }

a, a:visited { color:#3185dc; text-decoration:underline; }
a:hover, a:active { text-decoration:none; }

/*
 * Form elements
 */
input, select { color:#3185dc; font:normal 1.1em/1em Arial, sans-serif; margin:0; vertical-align:middle; }

/* ================================
 * Main page layout components
 * ================================*/

/* Top stories */
#top-stories { background:#EBECEC url(../image/block/top-stories/back-gradiant.png) no-repeat 0 10px; }
	#top-stories h2 { background:url(../image/block/top-stories/back-top.png) no-repeat; height:10px; left:0; overflow:hidden; position:absolute; text-indent:-9999em; top:0; width:560px; }
	#top-stories .footer { background:url(../image/block/top-stories/back-bottom.png) no-repeat; height:10px; left:0; overflow:hidden; position:absolute; text-indent:-9999em; bottom:0; width:560px; }

/* Videos */
#videos { background:#EBECEC url(../image/block/videos/back-gradiant.png) no-repeat 0 10px; margin-bottom:11px; padding:10px; position:relative; }
	#videos h2 { background:url(../image/block/videos/back-top.png) no-repeat; height:10px; left:0; overflow:hidden; position:absolute; text-indent:-9999em; top:0; width:370px; }
	#videos .footer { background:url(../image/block/videos/back-bottom.png) no-repeat; height:10px; left:0; overflow:hidden; position:absolute; text-indent:-9999em; bottom:0; width:560px; }

/* Contest */
#contest { /* background:url(../image/block/contest/back.jpg) no-repeat;  height:70px; position:relative; */ }
	#contest h2 { position:absolute; left:-9999px;  }
	/* #contest p { bottom:7px; color:#FFF; font-size:11px; left:11px; position:absolute; width:250px; } 
		#contest strong { font-weight:bold; }
		#contest a { color:#FFF; } */

/* News */
#news { color:#878A8D; font-size:11px; margin-top:5px; }
	#news h2 { background:url(../image/block/news/title.png) no-repeat 10px 4px; height:29px; margin-bottom:7px; text-indent:-9999px; width:149px; }
	#news ul { padding:0 0 0 310px; }
		#news li { border-bottom:1px solid #DBDCDD; min-height:88px; padding:11px 0 5px 127px; position:relative; width:173px; }
			#news h3 { color:#3185dc; font-size:13px; font-weight:bold; }
			#news img { left:0; position:absolute; top:12px; } 
	
		#news .highlight { background:#F7F7F7; border:solid #DBDCDD; border-width:0 1px; height:108px; left:10px; padding:205px 7px 0; position:absolute; top:48px; width:284px; }
			#news .highlight h3 { font-size:17px; }
			#news .highlight img { background:url(../image/block/news/back-top.png) no-repeat; left:-1px; padding:10px; top:0; } 
			#news .highlight p { height:88px; overflow:auto; } 
			#news .highlight div { background:url(../image/block/news/back-bottom.png) no-repeat; left:-1px; height:10px; overflow:hidden; position:absolute; bottom:0; width:300px; } 

/* News feed */
#news-feed { color:#878A8D; }
	#news-feed h2 { background:url(../image/block/news-feed/title.png) no-repeat; height:33px; left:5px; position:absolute; text-indent:-9999px; width:320px; }
	#news-feed .feed { bottom:10px; left:15px; position:absolute; }
	#news-feed ul { background:#F5FBFE; border:solid #C4E9F8; border-width:0 1px; padding:34px 10px 29px; }
		#news-feed ul li { position:relative; padding:10px 0; min-height:50px; vertical-align:top; }
			#news-feed h3 { color:#3185dc; font-weight:bold; margin:1px 0 2px; }
				#news-feed h3 a { text-decoration:none; }
				#news-feed h3 a:hover { text-decoration:underline; }
				#news-feed ul li p { position:relative; float:left; width:290px; background:none; border-bottom:1px solid #C4E9F8; padding-bottom:5px; margin-bottom:5px; }
	#news-feed .footer { background:url(../image/block/news-feed/back-bottom.png) no-repeat; bottom:0; height:10px; left:5px; position:absolute; width:320px; }
	#news-feed div a { bottom:10px; font-size:11px; position:absolute; right:15px; }
	/* #news-feed li p::after { content:url(../image/block/news-feed/dot.png); margin:3px; vertical-align:middle; }*/

/* Bandeau titre page */

#bandeau-titre-page{ position:relative; width:940px; height:80px; margin-left:10px; margin-bottom:5px; }
	.bandeau-video{ background:url(../image/block/video/bandeau-titre-video.png) no-repeat; }
	.bandeau-espacepro{ background:url(../image/block/espacepro/bandeau-titre-page.png) no-repeat; }
	.bandeau-fichefilm{ background:url(../image/block/fichefilm/bandeau-titre-page.png) no-repeat; }
	.bandeau-concours{ background:url(../image/block/concours/bandeau-titre-page.png) no-repeat; }
	.bandeau-calendrier{ background:url(../image/block/calendrier/bandeau-titre-page.png) no-repeat; }
	.bandeau-fil-news{ background:url(../image/block/news/bandeau-titre-page.png) no-repeat; }
	.bandeau-infos-alertes{ background:url(../image/block/infos-alertes/bandeau-titre-page.png) no-repeat; }
	.bandeau-catalogue{ background:url(../image/block/catalogue/bandeau-titre-page.png) no-repeat; }
	.bandeau-newsletter{ background:url(../image/block/newsletter/bandeau-titre-page.png) no-repeat; }
	.bandeau-suppression-donnees{ background:url(../image/block/suppression-donnees/bandeau-titre-page.png) no-repeat; }
	.bandeau-mentions-legales{ background:url(../image/block/mentions-legales/bandeau-titre-page.png) no-repeat; }
	.bandeau-contact{ background:url(../image/block/contact/bandeau-titre-page.png) no-repeat; }
	
/* Page espace pro */
	#list-film-pro h2.avenir{ float:left; background:url(../image/block/espacepro/avenir.png) no-repeat; height:17px; text-indent:-9999px; width:320px; margin-bottom:10px; }
	#list-film-pro p{ float:left; }
	#list-film-pro h2.dejasortis{ float:left; background:url(../image/block/espacepro/dejasortis.png) no-repeat; height:17px; text-indent:-9999px; width:320px; margin:10px 0 10px; }
	#list-film-pro li{ color:#878A8D; font-size:11px; margin-bottom:10px; }
	#list-film-pro a{ color:#3185dc; font-weight:bold; text-decoration:none; }
	#list-film-pro a:hover{ color:#3185dc; font-weight:bold; text-decoration:underline; }
	
	#fiche-film-pro .affiche-film{ float:left; width:188px; }
	#fiche-film-pro h2.titre-film{ float:left; color:#3185dc; font-weight:bold; font-size:16px; padding-left:10px; width:320px; margin-top:18px; }
		#fiche-film-pro ul.film-infos{ float:left; margin:15px 10px 10px 10px; width:320px; }
			#fiche-film-pro li{ color:#878A8D; margin-bottom:2px; }
				#fiche-film-pro li span.titre-rub{ color:#3185dc; }
	#fiche-film-pro h2.affiche{float:left; clear:both; background:url(../image/block/espacepro/affiche.png) no-repeat; height:22px; text-indent:-9999px; width:500px; margin-top:20px; }
	#fiche-film-pro ul.list-dl{ float:left; width:500px; margin:15px 10px 10px 10px; }
	#fiche-film-pro .allphotos{ float:left;  width:500px; margin:15px 10px 10px 10px; text-align : center; }
	#fiche-film-pro h2.dp{float:left; clear:both; background:url(../image/block/espacepro/dp.png) no-repeat; height:29px; text-indent:-9999px; width:500px; margin-top:18px; }
		#fiche-film-pro h2.videos{float:left; clear:both; background:url(../image/block/espacepro/videos.png) no-repeat; height:24px; text-indent:-9999px; width:500px; margin-top:18px; }
	#fiche-film-pro h2.galeriephtos{float:left; clear:both; background:url(../image/block/espacepro/galeriephotos.png) no-repeat; height:29px; text-indent:-9999px; width:550px; margin-top:18px; }
		#fiche-film-pro .miniatures{ float:left; margin:12px; width:500px; }
		#fiche-film-pro .miniatures p{ color:#3185dc; width:80%; text-align:center;}
		#fiche-film-pro .miniatures .mini{ position:relative; float:left; margin-right:10px; margin-bottom:10px; height:90px; top:0; width:28%; }
			#fiche-film-pro .mini a{ color:#3185dc; width:100%; position:relative; float:left; margin-top:5px; bottom:0; left:0; text-decoration:none; text-align:center; }
	#fiche-film-pro h2.autres{float:left; clear:both; background:url(../image/block/espacepro/autres.png) no-repeat; height:29px; text-indent:-9999px; width:500px; margin-top:18px; }
	#fiche-film-pro h2.alerte{float:left; clear:both; background:url(../image/block/espacepro/alerte.png) no-repeat; height:29px; text-indent:-9999px; width:500px; margin:10px 0 0 10px; }
	
/* Page fiche film */
	#fiche-film .affiche-film{ float:left; width:188px; }
	#fiche-film .site-film { margin-top:10px; }
	#fiche-film .infos-film{ float:left; width:360px; margin:0 10px 0 10px; }
	#fiche-film .player-wat{ float:left; width:350px; margin:0; }
		#fiche-film li{ padding:5px 0 5px; border-bottom:1px solid #878A8D; }
		#fiche-film li.titre-film{ font-size:16px; font-weight:bold; color:#3185dc; }
			#fiche-film span.rea{ font-size:11px; font-weight:normal; color:#878A8D; }
			#fiche-film span.date-sortie{ font-size:11px; font-weight:normal; color:#3185dc; }
			#fiche-film ul li ul.type-date-duree{ margin:5px 0 5px; }
				#fiche-film ul li ul.type-date-duree li{ padding-left:5px; padding-right:5px; border-bottom:0px; display:inline; color:#878A8D; border-left:1px solid #878A8D; }
			#fiche-film p.resume{ font-size:11px; font-weight:normal; color:#878A8D; text-align:justify; }
			#fiche-film span.synopsis{ font-size:11px; font-weight:normal; color:#3185dc; }
	#fiche-film .galerie-photos{ width:100%; float:left; height:29px; margin:20px 0 5px 0; background:url(../image/block/fichefilm/galeriephotos.png) no-repeat; text-indent:-9999px; }
	#fiche-film .cliquez-image{ width:100%; float:left; margin:0 0 10px 0; text-indent:20px; font-size:11px; color:#878A8D; }
	#fiche-film .slideshow-thumbnails{ width:920px; float:left; position:relative; height:70px; margin:0px 0px 10px 0; overflow:auto; }
	#fiche-film .fleche.gauche{ width:25px; position:absolute; height:75px; left:-25; border:1px solid; z-index:1; background:url(../image/block/fichefilm/fleche-gauche.png) no-repeat; }
	#fiche-film .fleche.droite{ width:25px; position:absolute; height:75px; right:0; border:1px solid; z-index:1; background:url(../image/block/fichefilm/fleche-droite.png) no-repeat; }

	#fiche-film .seance-diffusion{ width:100%; float:left; height:29px; margin:10px 0 5px 0; background:url(../image/block/fichefilm/seancediffusion.png) no-repeat; text-indent:-9999px; }
	#fiche-film .seance-diffusion2{ width:100%; float:left; height:29px; margin:10px 0 5px 0; background:url(../image/block/fichefilm/seancediffusion2.png) no-repeat; text-indent:-9999px; }
	#fiche-film .seance{ width:100%; float:left; margin:0 0 10px 0; font-size:11px; color:#878A8D; }
	#fiche-film #salle{ width:100%; float:left; margin:0 0 10px 0; font-size:11px; color:#878A8D; }
	
	#fiche-film .entete-horaire-salle{
		clear			: both;
		height			: 18px;
		padding			: 5px 0;
		border			: 1px solid #CCC;
	}
	
	#fiche-film .horaire-salle{
		clear			: both;
		height			: 70px;
		padding			: 5px 0;
		border			: 1px solid #CCC;
	}

	#fiche-film .cine{
		width			: 150px;
		float			: left;
		color			: #06F;
		padding-left	: 10px;
		display			: block;
	}
	#fiche-film .adresse{
		width			: 220px;	
		float			: left;
		color			: #06F;
		padding-left	: 10px;
		display			: block;
	}
	#fiche-film .seancefilm{
		width			: 250px;
		float			: left;
		color			: #06F;
		padding-left	: 10px;
		display			: block;
	}
	#fiche-film .version{
		width			: 70px;
		float			: left;
		color			: #06F;
		padding-left	: 10px;
		display			: block;
	}
	#fiche-film .periode{
		width			: 175px;	
		float			: left;
		color			: #06F;
		padding-left	: 10px;
		display			: block;
	}
	
	#fiche-film .critique-presse{ width:100%; float:left; height:29px; margin:10px 0 5px 0; background:url(../image/block/fichefilm/critiquepresse.png) no-repeat; text-indent:-9999px; }
	#fiche-film .critique{ width:100%; float:left; margin:0 0 10px 0; font-size:11px; color:#878A8D; }

	#fiche-film .autour-film{ width:100%; float:left; height:29px; margin:10px 0 5px 0; background:url(../image/block/fichefilm/autourdufilm.png) no-repeat; text-indent:-9999px; }
	#fiche-film .texte-autour-film{ width:920px; float:left; margin:0 10px 10px 5px; font-size:11px; color:#878A8D; text-align:justify; }
	
/* Page video */
#video-listfilm{ float:left; width:100%;}
	#video-listfilm .vignette{ float:left; width:342px; height:116px; background:url(../image/block/video/fond-video.jpg) no-repeat; margin:0 0 10px; z-index:0; }
	#video-listfilm .vignette.active{ float:left; width:342; height:116px; background:url(../image/block/video/fond-video-active.jpg) no-repeat; margin:0 0 10px; z-index:0; }
		#video-listfilm .vignette .affichette{ float:left; width:70px; height:93px; margin:12px 10px 0 15px; }
		#video-listfilm .vignette .infos{ float:left; width:236px; height:92px; margin:12px 10px 0 0; }
			#video-listfilm .vignette .infos ul{ float:left; margin:0; padding:0; font-size:11px; z-index:1000; }
				#video-listfilm .vignette .infos ul li.titreFilm{ color:#3185dc; font-weight:bold; }
				#video-listfilm .vignette .infos ul li.description{ color:#878A8D; }
				#video-listfilm .vignette .infos ul li.lien{ padding-top:10px; color:#3185dc; }
				#video-listfilm .vignette .infos ul li.lien2{ padding-top:0px; color:#3185dc; }
				
				#video-listfilm .vignette .infos ul li.lien::before { content:url(../image/block/news-feed/dot.png); margin:3px; vertical-align:middle; }
				#video-listfilm .vignette .infos ul li.lien2::before { content:url(../image/block/news-feed/dot.png); margin:3px; vertical-align:middle; }
				
				#video-listfilm .vignette .infos ul li.lien img{ margin-right:5px; }
				#video-listfilm .vignette .infos ul li a{ position:relative; }
				
#video #video-player{ float:left; margin:11px; }
	#video ul{ float:left; width:566px; margin:22px 10px; }
		#video ul li{ color:#878A8D; margin-bottom:5px; }
			#video ul li img{ margin-right:5px; }
				#video ul li ul{ margin:0; }		
					#video ul li ul li{ float:left; padding:6px; text-align:center; }
#video{ float:left; width:100%; min-height:480px; background:url(../image/block/video/fond-player-video.jpg) no-repeat;}

#content1 #prevision-titre{ width:100%; float:left; height:29px; margin:10px 0 5px 0; background:url(../image/block/video/previsions.png) no-repeat; text-indent:-9999px; }

#content1 #prevision{ width:940px; margin:0 10px 10px 10px; float:left; }
	#content1 #prevision ul li{ width:170px; float:left; margin-right:10px; }
		#content1 #prevision ul li h2{ clear:both; color:#3185dc; font-weight:bold; }
		#content1 #prevision ul li span{ color:#878A8D; }
		
/* Page concours */
	/* bloggueur */
	#list-concours .concours{ float:left; width:940px; background:url(../image/block/concours/fond-concours.jpg) no-repeat; margin:0 0 10px; }
	#concours-bloggueur .concours{ float:left; width:940px; background:url(../image/block/fichefilm/bg-fichefilm.jpg) no-repeat; margin:0 0 10px; }
	#list-concours .affiche{ float:left; width:188px; margin:10px; }
	#concours-bloggueur .image{ float:left; margin:10px 13px 10px 20px; }
	#list-concours .infos{ float:left; width:410px; margin:10px 0; }
		#list-concours .infos h2{ float:left; width:100%; color:#3185dc; font-weight:bold; font-size:17px; clear:both; }
		#concours-bloggueur .concours h2{ color:#3185dc; font-weight:bold; font-size:17px; margin-top:10px; }
		#list-concours .infos .description{ float:left; width:390px; color:#3185dc; font-size:11px; color:#878A8D; margin-top:5px; padding:0 10px; }
		#concours-bloggueur .concours p{ color:#3185dc; font-size:11px; color:#878A8D; margin-top:5px; padding:0 20px; }
		#concours-bloggueur .concours .formulaire{ float:left; width:940px; padding:0 20px 10px 20px; }
			#concours-bloggueur .concours .formulaire form{ margin-left:50px; }
	#list-concours .lot{ float:left; width:300px; margin:10px 0; }

	/* amex */
	#list-concours .concours{ float:left; width:940px; background:url(../image/block/concours/fond-concours.jpg) no-repeat; margin:0 0 10px; }
	#concours-amex .concours{ float:left; width:940px; background:url(../image/block/fichefilm/bg-fichefilm.jpg) no-repeat; margin:0 0 10px; }
	#list-concours .affiche{ float:left; width:188px; margin:10px; }
	#concours-amex .image{ float:left; margin:10px 13px 10px 20px; }
	#list-concours .infos{ float:left; width:410px; margin:10px 0; }
		#list-concours .infos h2{ float:left; width:100%; color:#3185dc; font-weight:bold; font-size:17px; clear:both; }
		#concours-amex .concours h2{ color:#3185dc; font-weight:bold; font-size:17px; margin-top:10px; }
		#list-concours .infos .description{ float:left; width:390px; color:#3185dc; font-size:11px; color:#878A8D; margin-top:5px; padding:0 10px; }
		#concours-amex .concours p{ color:#3185dc; font-size:11px; color:#878A8D; margin-top:5px; padding:0 20px; }
		#concours-amex .concours .formulaire{ float:left; width:940px; padding:0 20px 10px 20px; }
			#concours-amex .concours .formulaire form{ margin-left:50px; }
	#list-concours .lot{ float:left; width:300px; margin:10px 0; }

/* Page calendrier */
	#list-calendrier .calendrier{ float:left; width:940px; background:url(../image/block/calendrier/fond-calendrier.jpg) no-repeat; margin:5px 0 10px; }
	#list-calendrier .affiche{ float:left; width:188px;  margin:10px; height:100%; }
	#list-calendrier .infos-film{ float:left; width:710px; margin:10px 10px 0 10px; }
	#list-calendrier .player-wat{ float:left; width:350px; margin:0; }
		#list-calendrier li{ padding:5px 0 5px; border-bottom:1px solid #878A8D; }
		#list-calendrier li.noborder{ padding:5px 0 5px; border-bottom:0px; }
		#list-calendrier li.titre-film{ font-size:16px; font-weight:bold; color:#3185dc; }
			#list-calendrier span.rea{ font-size:11px; font-weight:normal; color:#878A8D; }
			#list-calendrier span.date-sortie{ font-size:11px; font-weight:normal; color:#3185dc; }
			#list-calendrier ul li ul.type-date-duree{ margin:5px 0 5px; }
				#list-calendrier ul li ul.type-date-duree li{ padding-left:5px; border-bottom:0px; display:inline; color:#878A8D; border-left:1px solid #878A8D; }
			#list-calendrier p.resume{ font-size:11px; font-weight:normal; color:#878A8D; text-align:justify; }
			#list-calendrier span.synopsis{ font-size:11px; font-weight:normal; color:#3185dc; }
			
/* Page fil news */
#list-fil-news .news{ float:left; width:587px; background:url(../image/block/news/fond-news.jpg) repeat-y; position:relative; margin-top:5px; }
	#list-fil-news .top-news{ position:relative; top:0; width:587px; height:10px; background:url(../image/block/news/top-news.png) no-repeat scroll 0 0; }
	#list-fil-news .bottom-news{ position:relative; bottom:0; width:587px; height:11px; background:url(../image/block/news/bottom-news.png) no-repeat scroll 0 0; }
	#list-fil-news .all-news{ margin:0 10px 0 10px; }
		#list-fil-news .one-news{ border-bottom:1px solid #c4e9f8 }
		#list-fil-news .one-news h2{ width:545px; color:#3185dc; font-size:17px; font-weight:bold; margin-top:10px; }
		#list-fil-news .one-news h3{ width:545px; color:#3185dc; font-size:11px; font-weight:normal; text-align:left; text-indent:10px; }
		#list-fil-news .one-news .text-news{ width:545px; color:#818588; font-size:11px; font-weight:normal; margin:10px; }
			#list-fil-news .one-news .text-news img { border:1px solid #818588; }
		#list-fil-news .one-news .link-news{ width:545px; text-align:center; margin:10px 0 10px 10px; }
		
#list-previsions .previsions{ float:left; width:315px; height:18px; background:url(../image/block/news/previsions.png) repeat-y; margin-top:10px; margin-left:10px; }
	#list-previsions ul{ margin:10px; float:left; width:250px; }
	#list-previsions ul ul{ margin:0 0 10px; float:left; }
	#list-previsions ul li{ margin:5px 0 5px;  }
	#list-previsions ul li ul li{ margin:0; }
	#list-previsions ul ul li.titre-film{ font-size:12px; color:#3185dc; font-weight:bold; }
	#list-previsions ul ul li.infos-film{ font-size:11px; color:#818588; font-weight:normal; }
	#list-previsions ul ul li.date-film{ font-size:11px; color:#3185dc; font-weight:normal; }

/* Page infos et alertes */
#infos-alertes { float:left; width:587px; overflow:hidden; background:url(../image/block/news/fond-news.jpg) repeat-y; position:relative; margin-top:5px; }
	#infos-alertes .top{ position:relative; top:0; width:587px; height:10px; background:url(../image/block/news/top-news.png) no-repeat scroll 0 0; }
	#infos-alertes .bottom{ position:relative; bottom:0; width:587px; height:11px; background:url(../image/block/news/bottom-news.png) no-repeat scroll 0 0; }
#infos-alertes p.intro{ color:#818588; font-size:12px; margin-bottom:10px; text-align:justify; padding:10px;  }
#infos-alertes fieldset{ color:#3185dc; border:1px solid #3185dc; padding:10px; margin:10px; width:500px; }
	#infos-alertes form fieldset p{ margin-bottom:5px; color:#818588; }
	#infos-alertes form fieldset p label{ float:left; width:220px; color:#3185dc; text-align:left; }
		#infos-alertes form fieldset p label.med{ float:left; width:200px; color:#3185dc; text-align:left; }
	#infos-alertes form fieldset p span { color:#3185dc; text-align:right; clear:both; }
		#infos-alertes form fieldset p span.med { display:block; float:right; text-align:left; width:280px; border:0; }
	#infos-alertes form fieldset p input,select,textarea { color:#818588; font-size:12px; }
	#infos-alertes form fieldset p.btn { text-align:right; width:100%; float:right; }
	#infos-alertes form fieldset p.error { text-align:center; width:100%; color:#CC0000; padding:10px; }

/* Page Catalogue */

#catalogue .col{ float:left; width:300px; }
	#catalogue .col p.lettre{ float:left; width:100%; font-size:16px; margin-bottom:2px; margin-top:10px; color:#818588; font-weight:bold; }
	#catalogue .col p.titre{ float:left; width:100%; font-size:12px; margin-bottom:2px; }

/* Page Newsletter */
	#infos-alertes p.link{ font-size:12px; margin:5px 0 5px 30px; }
/* ================================
 * IE Patches (PNG fix, hasLayoyt triggers, etc.)
 * IE<6 is not supported
 * ================================*/

/* General layout */
	body.IE6 { background:none; }
		.IE6 div#container { background:none; }
		
/* Footer */
.IE6 #footer { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.ugcdistribution.fr/image/layout/footer-back.png'); }

/* Branding */
.IE6 #branding { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.ugcdistribution.fr/image/layout/content-back.png'); zoom:1; }
	.IE6 #branding h1 { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.ugcdistribution.fr/image/layout/branding.png'); }

/* Videos */
.IE6 #videos { zoom:1; }

/* News */
		.IE6 #news-feed ul{ height:330px; }
		.IE6 #news li { height:88px; }
/* video */
.IE6 #content1.twoparts .part5 { left:0; margin:5px 0 0px 5px; width:332px; }
.IE6 #content1.twoparts .part6 { left:0; margin:5px 0px 0px 10px; padding:0; width:568px; }

.IE6 #video-listfilm .vignette .affichette{ float:left; width:70px; height:93px; margin:10px 10px 0 5px; }
.IE6 #video-listfilm .vignette .infos{ float:left; width:220px; height:92px; margin:12px 10px 0 0; z-index:1000; }
.IE6 #video { float:left; height:480px; }


.IE6 #content1.twoparts .part1 { height:406px; }

.IE6 #content1 #prevision-titre { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.ugcdistribution.fr/image/block/video/previsions.png'); width:99px; height:18px; }

.IE6 #list-previsions .previsions{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.ugcdistribution.fr/image/block/news/previsions.png'); width:99px; }

.IE6 #content1.twoparts .part7 { margin:5px 0 0 5px; }

.IE6 #content1.twoparts .part00 { margin:0 5px; }

.IE6 #content1.twoparts .part0 { margin:0 5px; }

.IE6 #list-calendrier .infos-film { width:690px; }

#content1.twoparts .part0 { width:920px; }

.IE6 .bandeau-espacepro{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.ugcdistribution.fr/image/block/espacepro/bandeau-titre-page.png'); width:920px; }
.IE6 .bandeau-fichefilm{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.ugcdistribution.fr/image/block/fichefilm/bandeau-titre-page.png'); width:920px; }
.IE6 .bandeau-concours{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.ugcdistribution.fr/image/block/concours/bandeau-titre-page.png'); width:920px; }
.IE6 .bandeau-calendrier{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.ugcdistribution.fr/image/block/calendrier/bandeau-titre-page.png'); width:920px; }
.IE6 .bandeau-fil-news{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.ugcdistribution.fr/image/block/news/bandeau-titre-page.png'); width:920px; }
.IE6 .bandeau-infos-alertes{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.ugcdistribution.fr/image/block/infos-alertes/bandeau-titre-page.png'); width:920px; }
.IE6 .bandeau-catalogue{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.ugcdistribution.fr/image/block/catalogue/bandeau-titre-page.png'); width:920px; }
.IE6 .bandeau-newsletter{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.ugcdistribution.fr/image/block/newsletter/bandeau-titre-page.png'); width:920px; }
.IE6 .bandeau-suppression-donnees{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.ugcdistribution.fr/image/block/suppression-donnees/bandeau-titre-page.png'); width:920px; }
.IE6 .bandeau-mentions-legales{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.ugcdistribution.fr/image/block/mentions-legales/bandeau-titre-page.png'); width:920px; }
.IE6 .bandeau-contact{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.ugcdistribution.fr/image/block/contact/bandeau-titre-page.png'); width:920px; }

.IE6 #list-film-pro li { width:340px; }

.IE6 #content1.twoparts .part4 { width:580px; height:495px; overflow:visible; }

.IE6 #list-film-pro h2.avenir{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.ugcdistribution.fr/image/block/espacepro/avenir.png'); width:64px; height:17px; clear:right; }
.IE6 #list-film-pro h2.dejasortis{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.ugcdistribution.fr/image/block/espacepro/dejasortis.png'); width:104px; height:21px; clear:right; }
.IE6 #fiche-film-pro h2.affiche{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.ugcdistribution.fr/image/block/espacepro/affiche.png'); width:99px; height:22px; }
.IE6 #fiche-film-pro h2.dp{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.ugcdistribution.fr/image/block/espacepro/dp.png'); width:248px; height:29px; }
.IE6 #fiche-film-pro h2.videos{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.ugcdistribution.fr/image/block/espacepro/videos.png'); width:96px; height:24px; }
.IE6 #fiche-film-pro h2.galeriephtos{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.ugcdistribution.fr/image/block/espacepro/galeriephotos.png'); width:203px; height:29px; }
.IE6 #fiche-film-pro h2.autres{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.ugcdistribution.fr/image/block/espacepro/autres.png'); width:93px; height:23px; }
.IE6 #fiche-film-pro h2.alerte{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.ugcdistribution.fr/image/block/espacepro/alerte.png'); width:95px; height:29px; }


.IE6 #list-fil-news .one-news { padding-bottom:10px; }

.IE6 #video #video-player { margin:10px 0; padding-left:10px; }

.IE6 #fiche-film .autour-film{ width:194px; float:left; height:24px; margin:10px 0 5px 0; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.ugcdistribution.fr/image/block/fichefilm/autourdufilm.png'); text-indent:-9999px; clear:both; }
.IE6 #fiche-film .galerie-photos{ width:202px; float:left; height:29px; margin:20px 700px 5px 0; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.ugcdistribution.fr/image/block/fichefilm/galeriephotos.png'); text-indent:-9999px; }
.IE6 #fiche-film .critique-presse{ width:210px; float:left; height:29px; margin:10px 0 5px 0; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.ugcdistribution.fr/image/block/fichefilm/critiquepresse.png'); text-indent:-9999px; }
.IE6 #fiche-film .seance-diffusion{ width:210px; float:left; height:29px; margin:10px 0 5px 0; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.ugcdistribution.fr/image/block/fichefilm/seancediffusion.png'); text-indent:-9999px; }
.IE6 #fiche-film .seance-diffusion2{ width:210px; float:left; height:29px; margin:10px 0 5px 0; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.ugcdistribution.fr/image/block/fichefilm/seancediffusion2.png'); text-indent:-9999px; }