@charset "UTF-8";
@import url(reset.css);
body {
	font: 10px Trebuchet MS;
	background: #000 url(main-bg.png) repeat-x;
	color:#999;
	text-align:justify;
	height:100%;
   scrollbar-base-color: #000000;
   scrollbar-face-color: #333;
   scrollbar-shadow-color: #000000;
   scrollbar-highlight-color: #000000;
   scrollbar-3dlight-color: #000000;
   scrollbar-darkshadow-color: #000000;
   scrollbar-track-color: #000;
   scrollbar-arrow-color: #999;}
img {
	border: none;
}
img.page{
float:left;
padding: 0 15px 15px 0;
}
p{
padding:0 0 10px 0;
}
em{
color:#2400ff;
}
h3{
color:#999;
font-size:12px;
text-transform:uppercase;
padding:0 0 2px 0;
margin:0 0 15px 0;
font-weight:bold;
font-family: Verdana;
border-bottom: 1px dotted #666;
}
h4{
color:#999;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
padding:0 0 10px 0;
}
h4.title-gallery{
position:absolute;
background:#000;
color:#fff;
font-size:10px;
padding: 2px 5px 2px 5px;
font-weight:normal;
text-transform:uppercase;
margin:1px 0 0 1px;
border:none;
text-decoration:none;
-moz-opacity:.65; 
filter:alpha(opacity=65); 
opacity:.65;
}
.gallery a img{
border:1px dotted #666;
}
.gallery a:hover img{
border:1px dotted #2400ff;
}
.gal{
text-align:left;
}
.gal a img{
border:1px dotted #666;
margin:0 10px 10px 0;
-moz-opacity:.50; 
filter:alpha(opacity=50); 
opacity:.50;
}
.gal a:hover img{
border:1px dotted #2400ff;
-moz-opacity:1; 
filter:alpha(opacity=100); 
opacity:1;
}
h4 a{
text-decoration:none;
}
h3 span{
color:#2400ff;
}
h3 span.right{
color:#666;
float:right;
margin:-13px 0 0 0;
font-size:9px;
}
h3.movie{
border:none;
margin:0;
padding:0 0 10px 0;
}
.fan{
min-height:150px;
_height:150px;
margin:20px 0;
}
.copyright{
position:absolute;
text-transform:uppercase;
font-size:9px;
color: #666;
bottom:5px;
right:5px;
padding:0;
margin:0;
}
.changelang{
position:absolute;
color: #666;
width:16px;
height:11px;
bottom:5px;
left:5px;
padding:0;
margin:0;
}
#content a, #admin a{
color: #999;
}
#content a:hover, #admin a:hover{
color: #2400ff;
}
.copyright a{
text-decoration:none;
color: #666;
}
.copyright a:hover{
text-decoration:underline;
color: #666;
}
#accessibility, #navigation, .hide {
	position: absolute;
	left: -5000px;
}
#header{
width:1000px;
height:140px;
background:url(header.png) no-repeat;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/header.png', sizingMethod='crop');
}
#header.en{
width:1000px;
height:140px;
background:url(header-en.png) no-repeat;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/header-en.png', sizingMethod='crop');
}
#header-admin{
width:1000px;
height:140px;
background:url(header.png) no-repeat;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../css/header.png', sizingMethod='crop');
}
#header-admin2{
width:1000px;
height:140px;
background:url(header.png) no-repeat;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../css/header.png', sizingMethod='crop');
}
.inside{
margin:0 auto;
}
#content{
position:relative;
top:10px;
width:960px;
height:350px;
}
#admin{
position:relative;
top:10px;
width:960px;
margin:0 auto 30px auto;
}
#left{
position:relative;
left:0;
width:730px;
background: #000 url(fond-content.png) repeat-y top right;
height:350px;
}
#right{
position:absolute;
top:0;
right:0;
width:230px;
height:350px;
}
#news{
width:510px;
height:300px;
overflow: auto;
padding-right:20px;
}
#press{
width:450px;
}
#contact h4{
padding:5px 0 0 0;
text-transform:none;

}
#content-right{
position:absolute;
top:35px;
right:20px;
width:150px;
text-align:center;
}
#cover{
position:absolute;
top:35px;
right:20px;
width:200px;
height:290px;
text-align:center;
}
#contact{
width:430px;
height:280px;
padding:0 0 0 250px;
background:url(fond-contact.jpg) top left no-repeat;
}
#preloader {
position:absolute; 
background: black; 
top:0;
left:0;
height:100%; 
width:100%;
display:none;
z-index:100; /* Mettez le z-index au-dessus des autres */
}
#preloadIMG {
position:absolute;
left:50%;
width:48px;
margin-left:-24px;
height:48px;
top:300px;
}
#content-right h4{
color:#666;
font-size:10px;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
padding:0 0 5px 0;
}
.loader{
position:relative;
width:48px;
top:150px;
margin:0 auto;
display:block;
}
.clear{
clear:both;
}
.infos{
color:#666;
font-size:10px;
}
.gallery{
float:left;
width:140px;
height:100px;
}
.rss{
position:absolute;
top:5px;
right:5px;
background:url(rss.png);
z-index:5;
}
.rss a{
display:block;
height:16px;
width:16px;
}

/* -------scrollbar------- */
#scroll-pane {
width: 685px;
height:290px;
overflow: hidden;
overflow-x: none; 
overflow-y: auto;
background:none;
margin:10px 0 0 0;
padding:0 20px 10px 20px;
}
#scroll-pane2 {
width: 685px;
height:290px;
background:none;
margin:10px 0 0 0;
padding:0 20px 10px 20px;
}

h2.title-news {
/* Typical fixed height and fixed width example */
width: 730px;
height: 25px;
position:relative;
left:0;
background:url(title-news.png) repeat-x;
color:#FFFFFF;
}
h2.title-accueil {
/* Typical fixed height and fixed width example */
width: 730px;
height: 25px;
position:relative;
left:0;
background:url(title-accueil.png) repeat-x;
color:#FFFFFF;
}
h2.title-fan {
/* Typical fixed height and fixed width example */
width: 730px;
height: 25px;
position:relative;
left:0;
background:url(title-fan.png) repeat-x;
color:#FFFFFF;
}
h2.title-contact {
/* Typical fixed height and fixed width example */
width: 730px;
height: 25px;
position:relative;
left:0;
background:url(title-contact.png) repeat-x;
color:#FFFFFF;
}
h2.title-gallery {
/* Typical fixed height and fixed width example */
width: 730px;
height: 25px;
position:relative;
left:0;
background:url(title-gallery.png) repeat-x;
color:#FFFFFF;
}
h2.title-galerie {
/* Typical fixed height and fixed width example */
width: 730px;
height: 25px;
position:relative;
left:0;
background:url(title-galerie.png) repeat-x;
color:#FFFFFF;
}
h2.title-press {
/* Typical fixed height and fixed width example */
width: 730px;
height: 25px;
position:relative;
left:0;
background:url(title-press.png) repeat-x;
color:#FFFFFF;
}
h2.title-presse {
/* Typical fixed height and fixed width example */
width: 730px;
height: 25px;
position:relative;
left:0;
background:url(title-presse.png) repeat-x;
color:#FFFFFF;
}
h2.title-filmography {
/* Typical fixed height and fixed width example */
width: 730px;
height: 25px;
position:relative;
left:0;
background:url(title-filmography.png) repeat-x;
color:#FFFFFF;
}
h2.title-filmographie {
/* Typical fixed height and fixed width example */
width: 730px;
height: 25px;
position:relative;
left:0;
background:url(title-filmographie.png) repeat-x;
color:#FFFFFF;
}
h2.title-biography {
/* Typical fixed height and fixed width example */
width: 730px;
height: 25px;
position:relative;
left:0;
background:url(title-biography.png) repeat-x;
color:#FFFFFF;
}
h2.title-biographie {
/* Typical fixed height and fixed width example */
width: 730px;
height: 25px;
position:relative;
left:0;
background:url(title-biographie.png) repeat-x;
color:#FFFFFF;
}
/* general page style ends here */


/* -------dock------- */
a.dock-item {
	display: block;
	width: 40px;
	color: #fff;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.dock-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
.dock-item span {
	display: none; 
	padding-left: 20px;
}

/* dock - bottom */
#dock {
	width: 100%;
	height: 50px; 
	bottom:0;
	position: absolute;
	left:0;
	background:url(fond.png) repeat-x;
}
.dock-container {
	position: absolute;
	bottom:0;
	padding-left: 20px;
}
a.dock-item2 {
	display: block; 
	font:normal 10px Tahoma;
	width: 100px; 
	color: #fff; 
	bottom: 0px;
	position: absolute;
	text-transform:uppercase;
	text-decoration: none;
	outline:none;
}
.dock-item2 span {
	display: none;
	padding-left: 20px;
	position:absolute;
	bottom:5px;
	left:5px;
}
.dock-item2 img {
	border: none; 
	margin: 5px 10px 20px; 
	width: 100%; 
}

/* --- ADMIN ---*/
#admin h3{
color:#2400ff;
font-size:12px;
text-transform:uppercase;
padding:0 0 2px 0;
margin:0 0 15px 0;
width:700px;
font-weight:bold;
border-bottom: 1px dotted #666;
}

.title-administration {
	background: url(title-administration.png) no-repeat;
	height: 25px;
	width: 960px;
	padding:0 0 20px 0;
}
#ss-menu .title-menu-admin {
	background: url(title-menu-admin.png) no-repeat;
	height:32px;
	width:181px;
}
#Subcontent_large form {
	margin: 0;
	padding: 0;
	font-size: 12px;
}
#Subcontent_large input {
	font-size: 12px;
	color: #999;
	border: 1px solid #2400ff;
	background-color: #000;
	padding:3px;
}
#Subcontent_large input:focus {
	border: 1px solid #2400ff;
	background-color: #000;
}

#contact input, #contact textarea {
	font-size: 12px;
	color: #999;
	border: 1px solid #2400ff;
	background-color: #000;
	padding: 2px;
	width: 400px;
}
#contact input:focus, #contact textarea:focus {
	border: 1px solid #2400ff;
	background-color: #000;	
}
#contact input.bt, #Subcontent_large input.bt {
	border: none;
	background: none;
	padding:0;
	width: 144px;
	height:20px;
}
#Subcontent input.bt_img {
padding:10px 0 0 0;
background:none;
border:none;
}
#ss-menu {
	position:absolute;
	left:780px;
	top:40px;
}
#ss-menu p {
	margin: 0;
	padding: 0 0 12px 0;
}
#ss-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width:181px;
}
#ss-menu ul li {
	display: block;
	float: left;
	width: 95%;
}
#ss-menu ul li a {
	display: block;
	width: 93%;
	padding: 3px 3px 3px 15px;
	color: #999;
	font-size:12px;
	text-decoration: none;
}
#ss-menu ul li a:hover {
	color: #2400ff;
	text-decoration: none;
	background:#111;
}
.admin_news_add{
position:relative;
width:700px;
padding:0 0 20px 0;
}
.admin_cit_add{
position:relative;
width:700px;
padding:0 0 20px 0;
}
.admin_cit_box{
padding:0 0 5px 0;
margin:0 0 10px 0;
width:600px;
border-bottom: 1px dotted #666;
}
.admin_news_box{
padding:0 0 5px 0;
margin:0 0 10px 0;
width:600px;
border-bottom: 1px dotted #666;
}
.admin_films_add{
position:relative;
width:700px;
padding:0 0 20px 0;
}
.admin_film_box{
padding:0 0 5px 0;
margin:0 0 10px 0;
width:600px;
border-bottom: 1px dotted #666;
}
.film_box{
padding:0 0 5px 0;
margin:0 0 10px 0;
width:650px;
height:190px;
border-bottom: 1px dotted #666;
}
p.fr{
line-height:11px;
background:url(fr.png) top left no-repeat;
}
p.en{
line-height:16px;
background:url(gb.png) top left no-repeat;
vertical-align:middle;
}
p.fr span.lang, p.en span.lang{
line-height:16px;
padding:0 0 0 20px;
}
input{
background:#ccc;
border:1px solid #333;
}
input:focus{
background:#999;
border:1px solid #2400ff;
}