@charset "utf-8";
/* CSS Document */

html{
}

body {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	background-color:#5F5F5F;
	color: #333;
	padding: 10px;
	text-align: center; 
}

.body_mf #container {
	background: #FAFAFA;
	position:relative;
	top:5%;
	bottom:5%;
	height:550px;
	margin: 0 auto; 
	width:960px;
	text-align: left; 
}


ul{
	padding-left:0px;
}

li{
	list-style-type:none;
	margin-bottom:2px;
}

h2{
	font-size:12px;
}

h3{
	font-variant:small-caps;
	font-weight:bold;	
	font-size:24px;
	color:#000;
	margin-bottom:18px;
	margin-top:2px;
	margin-left:30px;
}

#cine_list h3{
	margin-bottom:0px;
}

#bio h3,
#news h3,
#presse h3,
#theatre h3{
	margin-left:130px;
}
#main_video h3{
	margin-left:40px;
}
#photos h3{
	margin-left:430px;
}
#contact-wrapper h3{
	margin-left:-24px;
}  

h4{
	margin-bottom:2px;
	margin-top:6px;
}

#bio h4{
	margin-bottom:14px;
	margin-top:0px;
}

h5{
	font-size:12px;
	margin-bottom:4px;
	margin-top:6px;
}

a{
	color:#990000;
	cursor:pointer;
	font-weight:bold;	
	text-decoration:none;
}

a:hover{
	color:#5F5F5F;
	border-bottom:1px #000 dotted;
}

p {
	margin:5px;
}

p:hover{
	background-color:#EEE;
}

.body_mf #header { 
	padding: 0 10px 0 20px;  
	position:absolute;
	height:80px;
	width:100%;
} 

.body_mf #mainContent {
	padding: 0 0px; 
	background: #FAFAFA;
	position: absolute;
	left:65px;
	top:90px;
}

.body_mf .scrollable{
	overflow-y:scroll;
	width:870px;
	height:400px;
}

.body_mf .scrollable h1{
	margin-left:130px;
	margin-bottom:20px;
}
.body_mf .scrollable h2{
	font-style:italic;
	margin:10px 50px 10px 10px;
	border-bottom:1px solid #5F5F5F;
}
.body_mf .scrollable a:hover {
	border-bottom:none;
}

.body_mf #footer { 
	background:#FAFAFA;
	position:absolute;
	bottom:0;
	height:40px;
	width:100%;
} 

#header img{ 
	position:absolute;
	top:0px;
	left:0px;
} 

#footer ul,
#header ul{ 
	position:absolute;
	top:10px;
	right:20px;
	text-align:center;
} 


.body_mf #header { 
	padding: 10px 10px 0 10px;  
	position:absolute;
	height:40px;
	width:100%;
} 


.body_mf #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

.body_mf #footer p {
	margin: 0; 
	padding: 10px 0; 
}



ul#menu li{
	color:#333333;
	float:left;
	height:20px;
	width:115px;
	margin-left:10px;
	list-style-type:none;
	font-size:16px;
	font-weight:bold;
}

ul#menu li:hover{
	color:#990000;
}

/* HOME */
#home #pic_box{
}

#home #text{
	position: absolute;
	top:-40px;
	left:400px;
}


/* BIO*/
#news    #text,
#theatre #text,
#pub     #text,
#presse  #text,
#bio     #text{
	position: absolute;
	top:-42px;
	left:333px;
	height:456px;
	width:530px;
	overflow:auto;
	font-size:12px;
	text-align:justify;
	padding-right:15px;
}

#right-container{
	position:absolute;
	left:220px;
}


/* THEATRE*/
#theatre img{
	position: absolute;
}

/* PUB */
.video_dialog {
	display:none;
}


/*  CINE - TV  */
#home  #main_video,
#tv    #main_video,
#pub   #main_video,
#audio #main_video,
#cine  #main_video{
	position: absolute;
	top:-42px;
	left:390px;
}

#tv    #tv_list,
#audio #track_list,
#pub   #pub_list,
#cine  #cine_list{
	position: absolute;
	font-size:13px;
	top:10px;
	left:-30px;
	width:400px;
	height:400px;
	overflow-y: scroll;
}

#audio #track_list,
#pub #pub_list,
#tv  #tv_list{
	top:10px;
}

#cine ul{
	padding-left:10px;
	padding-right:10px;
}

#theatre ul#play_list li{
	margin-top:0px;
	padding:1px 10px;
	font-size:13px;
	margin-bottom:-2px;
}

#theatre ul#play_list li:hover{
	background-color:#F1F1F1;
}

#cine ul#cine_list li{
	margin-bottom:5px;
}

ul li.cine_item{
	padding-left:25px; 
	background: url(/images/bullet.png) 0 0px no-repeat;
}

#cine ul li.cine_item a{
	font-style:normal;
	color:#990000;
}

#cine ul li.cine_item a:hover{
	color:#990000;
}


/*  AUDIO  */
#audio ul#adds li{
	margin-top:20px;
}
#audio ul#adds li{
	margin-top:20px;
}


/*  PHOTOS  */
div#photos {
	position: absolute;
	width:830px;
	top:-50px;
}
div#photos #photo_links{
	position: absolute;
	width:240px;
	font-size:14px;
}
div#photos #gallery_box{
	width:420px;
}
div#photos_pro{
	
}

div#photos_theatre ul.photo_columns{
	margin-left:80px;
}

ul.photo_columns {
	float:left;
	overflow:hidden;
}
ul.photo_columns li{
	color:#333333;
	float:left;
	width:125px;
	list-style-type:none;
	font-weight:bold;
}

ul.photo_columns h4{
	font-size:13px;
	height:60px;
}

/*  NEWS  */
.embed-video{
	margin:18px 0;
	text-align:center;
}

ul#news_list {
	padding-left:10px;
	overflow:hidden;
}

ul#news_list li{
	list-style-type:circle;
	font-size:14px;
	margin-top:15px;
}

/* FICHE */
.content{
	width:100%;
	clear:both;
	margin-bottom:20px;	
}

#photo_gallery a{
	display:block;
	float:left;
	background:#FFFFFF none repeat scroll 0 0;
	border:3px solid;
	margin:3px;
	padding:4px;
}












#contact-wrapper {  
	position:absolute;
	text-align:center;
	font-size:14px;
	top:-25px;
	left:330px;
    width:530px;  
    padding:6px;  
}  
#contact-wrapper img{
	margin:20px 0;
}
  
#contact-wrapper div {  
    clear:both;  
    margin:1em 0;  
}  
#contact-wrapper label {  
    display:block;  
    float:none;  
    font-size:12px;  
    width:auto;  
}  
form#contactform input {  
    border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;  
    border-style:solid;  
    border-width:1px;  
    padding:2px;  
    font-size:12px;  
    color:#333;  
}  
form#contactform textarea {  
    font-family:Arial, Tahoma, Helvetica, sans-serif;  
    font-size:100%;  
    padding:0.6em 0.5em 0.7em;  
    border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;  
    border-style:solid;  
    border-width:1px;  
}