/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/hover_drop_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */



body{
font-family:Arial, Helvetica, sans-serif;
	color:#6000000;
	font-size:12px;
	text-align:justify;
	background-color:#ffffff;
	
}



a {
	color:#C40C10;
	outline:none;
}




#cadre {
	position:relative;
	background-repeat:no-repeat;
	width: 973px;
	margin:0px auto;
	overflow:hidden;


	}
	
#cadre_gauche     {
	position:relative;
	border: 0px;
	margin:0px;
 width:592px;

}

#sous_cadre_droite     {
	position:relative;
	float:left;
	border: 0px;
	margin-left:19px;
	width:360px;

}


#sous_cadre_droite_seul     {
	position:relative;
	padding-left:204px;
	border: 0px;
	margin:0px;
	width:388px;

}

#cadre_reals     {
	position:relative;
	padding-left:433px;
	padding-top:53px;
	border: 0px;
	margin:0px;
	width:539px;

}

#sous_cadre_gauche     {
	position:relative;
	float:left;
	border: 0px;
	margin:0px;
	width:204px;
	text-align: left;
}


#sous_cadre_milieu     {
	position:relative;
	float:left;
	border: 0px;
	margin:0px;
	width:388px;

}

.liste_gauche   {
	position:relative;
	float:left;
	border: 0px;
	margin:0px;
	width:310px;
		

}
.liste_droite   {
	position:relative;
	float:left;
	border: 0px;
	margin-left:10px;
	width:271px;
}
	
#footer {

background:url(../img/page/bas.gif);background-repeat:no-repeat;
clear:both;
	margin:0px auto;
	overflow:hidden;
	width:973px;
	height:20px;	
display:block;
	
		}
/***********************************/
/***********************************/
/* MENU DU SITE KOMETAFILMS.COM ****/
/***********************************/
/***********************************/

#lemenu {
	height:206px;
}
#menu {
	position:absolute;
	list-style-type:none;
	padding:0;
	margin:0px;
	left: 209px;
	top: 97px;
}
 ul {list-style-type:none; padding:0; margin:0; margin-top:16px; line-height:18px;}

#menu ul {list-style-type:none; padding:0; margin:0;}
#menu li { float:left; position:relative; text-indent:-9999px; clear:right;
 }

#menu  #actu  {background-image:url(../img/menu/actualite.gif);background-repeat:no-repeat; width:92px; margin-right:34px; }
#menu  #actu :hover {background-image:url(../img/menu/actualite_on.gif);background-repeat:no-repeat;}

#menu  #films  {background-image:url(../img/menu/films.gif);background-repeat:no-repeat;width:48px; margin-right:34px; }
#menu  #films a:hover {background-image:url(../img/menu/films_on.gif);background-repeat:no-repeat;}

#menu   #sub1  {
	background-image:url(../img/menu/dernieresproductions.gif);background-repeat:no-repeat;margin-right:34px;
	clear:both;
float:none;}
#menu  #films #sub1 :hover {
	background-image:url(../img/menu/dernieresproductions_on.gif);background-repeat:no-repeat;
	clear:both;
float:none;}
	
#menu  #films #sub2  {
	background-image:url(../img/menu/en_develop.gif);background-repeat:no-repeat; margin-right:34px;
	clear:both;
float:none;}
#menu  #films #sub2 :hover  {
	background-image:url(../img/menu/en_develop_on.gif);background-repeat:no-repeat;clear:both;
float:none;}
	
	
#menu  #realisateurs  {background-image:url(../img/menu/realisateurs.gif);background-repeat:no-repeat;width:108px; margin-right:34px;}
#menu  #realisateurs :hover {background-image:url(../img/menu/realisateurs_on.gif);background-repeat:no-repeat;}

#menu  #institutionnel  {background-image:url(../img/menu/institutionnel.gif);background-repeat:no-repeat;width:125px; margin-right:34px;}
#menu  #institutionnel :hover {background-image:url(../img/menu/institutionnel_on.gif);background-repeat:no-repeat;}

#menu  #apropos  {background-image:url(../img/menu/aproposdekometa.gif);background-repeat:no-repeat;width:160px; margin-right:34px;}
#menu  #apropos :hover {background-image:url(../img/menu/aproposdekometa_on.gif);background-repeat:no-repeat;}

#menu  #contact  {background-image:url(../img/menu/contact.gif);background-repeat:no-repeat;width:61px;}
#menu  #contact :hover {background-image:url(../img/menu/contact_on.gif);background-repeat:no-repeat;}


/* for IE5.5 and IE6 only */
#menu table {border-collapse:collapse;position:absolute;top:0;left:0;z-index:80;font-size:1em;}

#menu li a {display:block;  height:20px; font-family:arial, sans-serif;   text-decoration:none;}

#menu li #sub1 a,#menu li #sub1 a #sub2 a{width:228px}


#menu ul, 
#menu :hover ul ul,
#menu :hover ul :hover ul ul,
#menu :hover ul :hover ul ul.left {position:absolute; left:-9999px; width:228px;}

#menu :hover ul{left:0;top:20px;} /* the background image is for IE7 */



.vignette_news {
	float:left;
	padding-right:17px;
	width:188px;

}
.vignette_films {
	float:left;
	position:relative;
	margin-right:17px;

	width:311px;
}
.vignette_films_developpement {
	float:left;
	position:relative;
	margin-right:17px;
	width:142px;
	clear:left;
}
.infos_film {
	float:left;
	position:relative;
	width:430px;
}



.vignette_edyta {
display: block; 
margin: 0 auto; 

}


.infos_news {
	float:left;
	width:385px;
	position:relative;
	overflow:hidden;
}


.news {
	clear:both;
	border-bottom:1px solid #999;
	padding-bottom:20px;
	margin-bottom:20px;
	overflow:hidden;
	width:592px; 
}

.date {
	color:#F00;
	font-size:10px;
	float:right;
	position:relative;
	font-weight: bold;

}
.sous_titre {
	font-size: 10px;
	text-align: center;
}
.titre {
	font-weight: bold;
	text-decoration:none;
	border-bottom:2px  solid #F00;
	
}
.titre02 {
	font-size:14px;
	font-weight: bold;
	text-decoration:none;
	border-bottom:2px  solid #F00;
	
}
.italique {
	font-style: italic;
}

.italique_large {
	font-style: italic;
	line-height:18px;
}
.voirlefilm {
	display:block;
	color: #FFF;
	text-decoration: none;
	background-color: #F00;
	float:right;
    padding:3px;
}

.voirlefilm a {
	display:block;
	color: #FFF;
	text-decoration: none;
	background-color: #F00;
	float:right;
	padding:3px;
}
.nomdureal {
	text-align: right;
	font-weight: bold;
}

.presentation {
	line-height:18px;
}

.menu_film a {
	text-decoration:none;
	font-style:italic;
}

ul#photosFilms {
	text-align:left;
	list-style-type:none;
	padding:0px;
	margin-top:0px;
}
ul#photosFilms li {
	display:inline;
	padding: 0px;
	border:0px;
	list-style-type:none;
	margin-right:8px;
	margin-bottom:8px;

}

img  {
	border:0px;
}









/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

#TB_window a:link {color: #F00;}
#TB_window a:visited {color: #F00;}
#TB_window a:hover {color: #F00;}
#TB_window a:active {color: #F00;}
#TB_window a:focus{color:#F00;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayBG {
	background-color:#fff;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border:1px solid #000;
	border-bottom:1px solid #000;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
	background-color:#ffffff;
	
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#ffffff;
	color:#000000;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
	background-color:#ffffff;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#000000;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

ul#liste_realisateurs {
	text-align:left;
	list-style-type:none;
	padding:0px;
	margin-top:0px;
}
ul#liste_realisateurs li {
	float:left;
	display:block;
	width:56px;
	padding: 0px;
	border:0px;
	list-style-type:none;
	font-size:11px;
	line-height:12px;
	margin-left:11px;

}.rouge {
	font-size: 12px;
	font-weight: bold;
	color: #F00;
}