/*
	Menu:
	- général
	- structure
	- mise en forme [ paragraphes / textes / hyperliens]
	- images
	
	identifiants en premiers, suivis des classes, sauf exceptions :
		class centre
		...
*/

/* général */

body
{
	width:98%;
	background-color:#252525;/*1c1c1c;*/
}

body *
{
	font-family:arial;
	font-size:11px;
	letter-spacing:1px;
}

img
{
    border:none;
    margin:0px;
    padding:0px;
}

div
{
    margin:0px;
    padding:0px;
    text-align:justify;
	display:block;
	overflow:hidden;
}

/* structure  */

div#mk2
{
	left:0px;
	margin-left:-8px;
}

/* HACK HACK HACK */
*+html div#mk2
{
	margin-left:-10px;
}
/*
	compatiblité IE7 / Moz. Vérifier Opera / Safari & cie
*/

div.centre
{
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-50%;
	width:100%;
	margin-left:-483px;
	width:966px;
	background-image:url( './images/border_large.gif' );
	background-repeat:repeat-y;
}

div.principale
{
	top:146px;
	padding-top:10px;
}

div#menu
{
	position:absolute;
	top:110px;
	width:100%;
	height:36px;
}

div#header
{
	height:110px;
	margin-left:1px;
	margin-right:1px;
	padding-left:5px;
	padding-right:5px;
	background-image:url( './images/header_bk.gif' );
	background-repeat:repeat-x;
}

	div#header *
	{
		margin:10px;
		margin-right:0px;
		margin-left:11px;
	}
	
		div#header img#logo
		{
			margin:0px;
		}

div#mainframe
{
	top:146px;
	margin-left:6px;
	margin-right:6px;
	width:954px;
}

	div#gauche
	{
		width:649px;
		margin-right:5px;
		float:left;
		clear:both;
	}
		
		div#troiscouleurs
		{
			width:649px;
			height:610px; /* 582 */ /* 562 */ /* 550px */
			margin-bottom:10px;
			color:#333333;
		}
		
			div#contenu3couleurs
			{
				width:649px;
				height:600px;/* 530 */
				background-image:url( './images/troiscouleurs_bk02.gif' );
				background-repeat:no-repeat;
				background-color:#ffffff;
			}
			
				/*
					styles du diaporama
				*/
				div#contenu3couleurs div#slidesDetails
				{
					overflow:hidden;
					display:block;
					width:1px;
					height:1px;
					position:absolute;
					background-color:#000000;
				}	
				
				div#contenu3couleurs div#promo
				{
					margin-bottom:10px;
					width:649px;
					height:200px;
				}
			
				div#contenu3couleurs div.element
				{
					margin:5px;
					margin-top:0px;
					width:639px;
					height:100px;
				}
				
				div#contenu3couleurs div.element img
				{
					width:140px;
					height:100px;
					vertical-align:middle;
					float:left;
				}
				
				div#contenu3couleurs div.element img.brace
				{
					width:29px;
					height:100px;
					margin-right:5px;
				}
				
				div#contenu3couleurs div.element img.voiraussi
				{
					width:80px;
					height:20px;
					vertical-align:none;
					float:none;
					/*margin-right:0px;*/
				}
				
				div#contenu3couleurs div.element span
				{
					width:460px;
					height:60px;
				}
				
				/*div#contenu3couleurs iframe#troiscouleursfanpage*/
				div#contenu3couleurs #troiscouleursfanpage
				{
					margin-left:5px;
					margin-top:8px;
				}
			
		div#vod
		{
			width:649px;
			height:230px;
			margin-bottom:10px;
			color:#e7e7e7;
			background-image:url( './images/vod_bk.gif' );
			background-repeat:no-repeat;
			background-color:#ffffff;
		}
		
			div#contenuvod
			{
				width:649px;
				height:210px;
				/*background-image:url( './images/vod_bk.gif' );
				background-repeat:no-repeat;*/
			}
			
				div#contenuvod div.element
				{
					margin:5px;
					width:310px;
					height:199px;
					float:left;
				}
				
				div#contenuvod div.element img
				{
					vertical-align:middle;
					float:left;
				}
				
				div#contenuvod div.element img.brace
				{
					margin-right:10px;
				}
			
				div#contenuvod div.element span
				{
					width:190px;
					height:107px;
					display:block;
					overflow:hidden;
				}
				
				div#contenuvod div.element div.cadre
				{
					margin-top:5px;
					padding:5px;
					background-color:#f4f4f4;
					width:315px;
					height:60px;
					line-height:14px;
				}
				
				div#contenuvod div.element div.cadrerouge
				{
					margin-top:5px;
					padding:5px;
					background-color:#ffcccc;
					width:315px;
					height:60px;
					line-height:14px;
				}
				
				div#contenuvod div.element img.voiraussi
				{
					height:19px;
					float:right;
				}
				
		div#events
		{
			width:649px;
			height:250px;
			margin-bottom:10px;
			color:#e7e7e7;
			background-image:url( './images/events_bk.gif' );
			background-repeat:no-repeat;
			background-color:#ffffff;
		}
		
			div#contenuevents
			{
				width:649px;
				height:230px;
				/*background-image:url( './images/events_bk.gif' );
				background-repeat:no-repeat;*/
			}
			
				div#contenuevents div.element
				{
					margin:5px;
					width:310px;
					height:219px;
					float:left;
				}
				
				div#contenuevents div.element img
				{
					vertical-align:middle;
					float:left;
				}
				
				div#contenuevents div.element img.brace
				{
					margin-right:10px;
				}
			
				div#contenuevents div.element span
				{
					width:170px;
					height:127px;
					display:block;
					overflow:hidden;
				}
				
				div#contenuevents div.element div.cadre
				{
					margin-top:5px;
					padding:5px;
					background-color:#f4f4f4;
					width:315px;
					height:60px;
					line-height:14px;
				}
				
				div#contenuevents div.element img.voiraussi
				{
					height:19px;
					float:right;
				}
			
	div#droite
	{
		width:300px;
		float:left;
		overflow:visible;
		z-index:0;
	}
	
	div#droite *
	{
		z-index:1;
	}
	
		div#droite object, div#droite img, div#droite embed
		{
			margin:0px;
			margin-bottom:5px;
		}
		
		div#seances
		{
			width:300px;
			height:95px;
			background-image:url( 'http://www.mk2.com/images/seances_bk2.gif' );
			background-repeat:no-repeat;
			background-color:#FFFFFF;
			margin-bottom:5px;
		}
		
			div#seances img
			{
				margin-top:1px;
				margin-left:1px;
			}
			
			div#seances img#titre_seances
			{
				display:block;
				margin-bottom:0px;
				width:160px;
				height:36px;
			}
		
			div#seances div select, div#seances div select *
			{
				border-width:2px;
				margin-left:10px;
				margin-top:10px;
				width:150px;
			}
			
			div#seances div select#salles, select#salles
			{
				margin-top:0px;
			}
			
		div#focus
		{
			width:300px;
			height:100px;
			margin-bottom:10px;
			background-image:url( './images/focus_bk.gif' );
			background-repeat:no-repeat;
			padding:1px;
		}

div#footer
{
	width:inherit;
}

div#footer
{
	width: 966px;
	text-align: center;
	margin: auto;
}
		div#footer div
		{
		font:Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#cccccc;
		text-align:center;
		}
		
		div#footer a, div#footer div a
		{
				color:#cccccc;
		}
		div#footer h6
		{
		font-weight:bold;
		display:inline;
		}

div.bdx_titre
{
	height:20px;
	width:inherit;
	/*background-color:#ffffff;*/
	padding:1px;
}


/* Forum*/

/*
#forum
{
	width: 280px;
	height: 300px;
	background: url('http://www.mk2.com/images/forums_bk.gif') no-repeat;
	padding: 2px 12px 0pt 8px;
	float: left;
	display: inline;
	position: relative;
}
*/

div#forum
{
	width: 300px;
	height: 200px;
	max-height:200px;
	background-image:url( './images/forums_bk.gif' );
	background-repeat:no-repeat;
	padding:1px;	
	margin-bottom:10px;
	overflow:hidden;
}	

#topics
{
	list-style: none;
	margin: 0;
	padding: 0;
	background: none;
	max-height:190px;
}

div#forum img
{
	margin:0px;
}

div#forum *
{
	max-width:298px;
}

#topics li
{
	margin: 0;
	padding: 0 0 0 10px;
	display: block;
	position: relative;
	color:#FFFFFF;
}

#topics li a
{
	font-weight: bold;
	text-decoration: none;
	color:#FFFFFF;
}

#topics li a:hover
{
	text-decoration: underline;
}

#topics li .infos
{
	position: relative;
	left: 8px;
	top: -2px;
	font-size: 9px;
}

#topics li .infos a
{
	font-weight: normal;
	font-style: italic;
}

#topics li.blanc
{
	/*background:#2d2d2d;*/
}

#topics li.gris
{
	background: #151515;
}

/* mise en forme  */

h1
{
	color:#e60021;
	font-size:24px;
	margin:0px;
}

	.tc_cine
	{
		color:#000000;
	}
	
	.tc_cult
	{
		color:#fc0046;
	}
	
	.tc_tech
	{
		color:#00b700;
	}
	
h2
{
	color:#e60021;
	font-size:18px;
	margin:0px;
	font-weight:normal;
}

h3
{
	color:#000000;/*ffffff;*/
	font-weight:bold;
	font-size:12px;
	margin:0px;
}

p
{
	margin-top:2px;
	margin-bottom:2px;
}

/* hyperliens */

a
{
	color:#292929;
	text-decoration:none;
}

a:hover
{
	color:#292929;
	text-decoration:underline;
}

	div#troiscouleurs a
	{
		color:#292929;
	}
	
	div#troiscouleurs a.cine, div#troiscouleurs a.titre
	{
		color:#000000;
	}
	
	div#troiscouleurs a.cine:hover, div#troiscouleurs a.titre
	{
		color:#ffffff;
		background-color:#000000;
		text-decoration:none;
	}
	
	div#troiscouleurs a.titre, div#troiscouleurs a.titre *
	{
		text-decoration:none;
	}
	
	div#troiscouleurs a.cult
	{
		color:#fc0046;
	}
	
	div#troiscouleurs a.cult:hover
	{
		color:#ffffff;
		background-color:#fc0046;
		text-decoration:none;
	}
	
	div#troiscouleurs a.tech
	{
		color:#00b700;
	}
	
	div#troiscouleurs a.tech:hover
	{
		color:#ffffff;
		background-color:#00b700;
		text-decoration:none;
	}
	
	div#troiscouleurs a:hover *, div#contenuvod a:hover *, div#contenuevents a:hover * /* BUG BUG BUG*/
	{
		text-decoration:underline;
	}
	
/* images */

img#tracking
{
	display:none;
	width:966px;
}

img#logo
{
	width:184px;
	height:110px;
}

img#logo3couleurs
{
	width:649px;
	height:50px;
}

img#map
{
	width:300px;
	height:95px;
	/*margin-bottom:5px;*/
}

img#abo_newsletter
{
	width:300px;
	height:25px;
	/*margin-bottom:5px;*/
}

img#filmsemaine
{
	margin:5px;
	margin-left:10px;
	margin-right:10px;
	width:280px;
	height:60px;
}

img.jaquette
{
	width:80px;
	height:107px;
	float:left;
}

img.jaquette2
{
	width:96px;
	height:128px;
	float:left;
}

img.pub_megaban
{
	width:728px;
	height:90px;
	margin:10px;
	margin-left:20px;
}

img.pub_pave
{
	width:300px;
	height:250px;
}

img.pub_bdx300
{
	width:300px;
	height:80px;
}

img.pub_colonne
{
	/*margin-bottom:5px;
	margin-top:5px;*/
}

.removed
{
	position:absolute;
	width:0;
	height:0;
}

/*
Styles dédiés aux outils de régie 24/7
*/

#BlocPartenaires
{
	width: 300px;
	margin: 0px;
	padding: 0px;
	/*font: 12px Verdana;*/
	
}

#BlocPartenaires * 
{
		font:Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#cccccc;
}


#HeaderPartenaires
{
	background: #3e3e3e; /* FF6633 */
	line-height: 20px;
	font-size: 16px;
	color: white;
	font-weight: bold;
}

#HeaderPartenaires label
{
	margin-left: 10px;
}

#ContentPartenaires
{
	padding: 4px;
	border: 1px solid #3e3e3e; /* FF6633 */
}

#ContentPartenaires p.clear
{ 
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 0px;
	line-height: 0px;
}

#ContentPartenaires .BlocAnnonceur
{
	border-top: 1px solid lightgrey; padding-top: 4px; margin-top: 4px;
}

#ContentPartenaires .BlocAnnonceur img
{
	float: left; margin-right: 4px;
}

#ContentPartenaires .BlocAnnonceur p
{
	margin: 0px; padding: 0px;
}

#ContentPartenaires .BlocAnnonceur strong
{
	font-size:1.1em;
	color:#ffffff;
}

#ContentPartenaires .BlocAnnonceur a
{
	text-decoration: none;
}

#ContentPartenaires .BlocAnnonceur a:hover
{
	text-decoration: underline;
}

#ContentPartenaires .BlocVide
{
	display: none;
	margin: 0px;
	padding: 0px;
	width: 0px;
	height: 0px;
}

#ContentPartenaires #FirstBloc .BlocAnnonceur
{
	border: none;
	padding: 0px;
	margin: 0px;
}

#FooterPartenaires
{
	background: #3e3e3e; /* FF6633 */
	line-height: 12px;
	font-size: 8px;
	color: white;
	text-align: right;
	padding-right: 4px;
}

/* copie carbone 

#BlocPartenaires
{
	width: 300px;
	margin: 0px;
	padding: 0px;
	font: 12px Verdana;
}

#HeaderPartenaires
{
	background: #FF6633;
	line-height: 20px;
	font-size: 16px;
	color: white;
	font-weight: bold;
}

#HeaderPartenaires label
{
	margin-left: 10px;
}

#ContentPartenaires
{
	padding: 4px;
	border: 1px solid #FF6633;
}

#ContentPartenaires p.clear
{ 
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 0px;
	line-height: 0px;
}

#ContentPartenaires .BlocAnnonceur
{
	border-top: 1px solid lightgrey; padding-top: 4px; margin-top: 4px;
}

#ContentPartenaires .BlocAnnonceur img
{
	float: left; margin-right: 4px;
}

#ContentPartenaires .BlocAnnonceur p
{
	margin: 0px; padding: 0px; font-size: 9px;
}

#ContentPartenaires .BlocAnnonceur a
{
	text-decoration: none; color: black;
}

#ContentPartenaires .BlocAnnonceur a:hover
{
	text-decoration: underline;
}

#ContentPartenaires .BlocVide
{
	display: none; margin: 0px; padding: 0px; width: 0px; height: 0px;
}

#ContentPartenaires #FirstBloc .BlocAnnonceur
{
	border: none; padding: 0px; margin: 0px;
}

#FooterPartenaires
{
	background: #FF6633; line-height: 12px; font-size: 8px; color: white; text-align: right; padding-right: 4px;
}

*/