@charset "UTF-8";

*{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	padding:0;
	margin:0;
	text-decoration:none;
	border-width:0;
	color:white;
	}

.vj_body{
	background-color:#222222;
	background-image:url(../assets/bg.gif);
	background-repeat:repeat;
	padding:0 0 0 10px;
	}

h1{
	font-size:60px;
	padding:10px 0 0 0;
	font-weight:normal;
    font-family:Georgia,serif;
	letter-spacing:1px;
	color:#59b1ff;
	}
	
h2{
	font-size:38px;
	width:700px;
	margin:10px 0 0 20px;
	font-weight:normal;
    font-family:Georgia,serif;
	letter-spacing:1px;
	color:#FFFFFF;
	background-color:black;
	float:left;
	}
	
h3, h3 i{
	padding:10px 0 10px 0;
	color:#FE00C3;
	}
	
h4{
	padding:0 0 20px 0;
	color:#FE00C3;
	}
	
a{
	color:#ffb000;
	text-decoration:underline;
	}
	
li{
	color:#EEEEEE;
	}
	
strong{
	font-weight:normal;/*bold;*/
	color:#abd8ff;/*ff90e3;*/
	}
	
s{
	text-decoration:line-through;
	}

p{
	padding:0 10px 10px 0;
	color:#EEEEEE;
	}	

p.footer{
	padding:10px 10px 10px 0;
	}
		
p.image{
	font-size:10px;
	margin:0;
	padding:2px 0 10px 20px;
	}
	
ul{
	padding:0 10px 10px 0;
	list-style-type:none;
	}
	
code{
    font-size:12px;
	color:#CCCCCC;
	background-color:#252525;
	line-height:25px;
	padding:1px 2px;
	border:1px solid #404040;
	}

.form_newsletter{
	padding:0 0 10px 0;
	}
	
.form_newsletter .email {
	border:1px solid; 
	border-color:#FFFFFF; 
	width:160px;
	height:15px;
	background-color:#111111;
	margin:0 5px 0 0px;
	padding:1px 0 1px 0;
	color:#FFFFFF;
	}
	
.form_newsletter .ok{
	border-width:0;
	padding:0;
	margin:2px 0 0 0;
	width:35px;
	height:19px;
	background-color:#FFFFFF;
	color:#000000;
	}
	
img.vj_screenshot{
	padding:0 0 10px 0;
	}
	
.vj_index_wide{
	width:620px;
	margin:0 20px 0 0px;
	}

dd.piki900{
	width:620px !important;
	}

	
/* REAL STYLES ---------------------- */
	
.logo{
	height:100px;
	padding:4px 0 4px 20px;
	}
	
.left_box{
	background-color:#111111;
	width:330px;
	margin:2px 0 0 0;
	padding:0 0 5px 5px;
	clear:both;
	overflow:auto;
	}
	
.left_box h2{
	font-weight:normal;
	padding:5px 0 2px 0;
	}
	
.left_box li strong{
	font-weight:normal;
	color:#FF33CC;
	}
	
.half_left_box{
	width:165px;
	float:left;
	}
	
.right_box{
	width:640px;
	position:absolute;
	/*top:110px;*/
	top:20px;
	left:345px;
	}
	
.right_box dl{
	float:left;
	padding:0 0 20px 20px;
	width:300px;
	}

.right_box dt{
	background-image:url(images/bg_pink.gif);
	background-repeat:repeat;
	height:30px;
	padding:10px 0 0 10px;
	color:#59b1ff;
	font-size:12px;
	}

.right_box dd{
	background-color:#FF33CC;
	/*border-bottom:1px solid #000000;*/
	}
	
.right_box dd.petit{
	margin:0 0 20px 0;
	/*border-bottom:0px solid #888888;*/
	}
	
.events li{
	padding:0 0 5px 0;
	color:#999999;
	}
	
.events a{
	color:#FFFFFF;
	}

/* ---- thumbs movies ---- */

.boite_movies{
	width:750px;
	margin:0 0 10px 20px;
	}

dl.movie{
	clear:none;
	float:left;
	width:365px;
	height:80px;
	background-color:#303030;
	margin:0 6px 6px 0;
	border:1px solid #303030;
	cursor:pointer;
	/*transition: color 0.4s, background-color 0.4s;
	-webkit-transition: color 0.4s, background-color 0.4s;*/ /* Safari */
	}
	
dl.movie img{
	margin:0;
	}

dl.movie dt{
	float:right;
	clear:none;
	width:160px;
	padding:2px 0 8px 5px;
	color:#FFFFFF;
	font-size:14px;
	}

dl.movie dd{
	float:left;
	clear:none;
	width:200px;
	height:80px;
	}
	
dl.movie dd.description{
	float:right;
	clear:none;
	width:160px;
	padding:0 0 0 5px;
	background-color:transparent;
	color:#AAAAAA;
	}

/* ---- shop --- */
dl.shop{
	clear:right;
	float:left;
	width:365px;
	background-color:#111111;
	margin:0 10px 10px 0;
	}

dl.shop dt{
	float:right;
	clear:both;
	width:270px;
	height:25px;
	font-size:12px;
	padding:5px 0 0 0;
	}

dl.shop dd{
	float:right;
	width:270px;
	height:25px;
	color:#AAAAAA;
	}
	
dl.shop dd.paypal{
	float:left;
	width:80px;
	height:45px;
	padding:10px 0 0 10px;
	}

dl.shop dd.paypal a{
	margin:0 0 0 0;/*-10px;*/
	}

/* ----  COMMON PAGES ---- */


.box780{
	clear:both;
	float:left;
	width:780px;
	margin:0 0 30px 0;
	padding:0 0 20px 0;
	background-color:#000000;
	/*border:1px solid #999999;*/
	}
	
.box780 img{
	margin:20px 0 0 20px;
	}

.box780 iframe{
	margin:20px 0 0 20px;
	}

.box740{
	background-color:#101010;
	margin:20px 0 0 20px;
	padding:10px 0 10px 10px;
	width:730px;
	float:left;
	}
	
.box390{
	background-color:#101010;
	margin:20px 0 0 20px;
	padding:10px 0 10px 10px;
	width:350px;
	float:left;
	}

.box390 li{
	margin-left:15px;
	list-style-type:circle;
	}
	
.boxGrey{
	float:right;
	clear:right;
	margin:20px 20px 0 20px;
	padding:10px 0 10px 10px;
	width:350px;
	background-color:#BBBBBB;
	}
	
.boxGrey *{
	color:#000000;
	font-size:13px;
	}

.boxGrey strong{
	font-weight:bold;
	}
	
.boxGrey li{
	padding:0 0 10px 0;
	}
	
.boxGrey h3{
	font-size:28px;
	padding:10px 0 10px 0;
	font-weight:normal;
    font-family:Georgia,serif;
	letter-spacing:1px;
	}

.boxScreens{
	background-color:transparent;
	margin:0 0 0 20px;
	width:360px;
	float:left;
	text-align:center;
	}

.boxScreens img{	
	border:1px solid #DDDDDD;
	margin:20px 0 0 0;
	}

#header{
	/*height:100px;*/
	width:780px;
	}

#header p{
	font-size:15px;
	margin:5px 0 10px 0;
	padding:3px;
	font-weight:normal;
    font-family:Georgia,serif;
	letter-spacing:1px;
	color:#FFFFFF;
	background-color:#000000;
	float:left;
	}
	
#header .back{
	height:75px;
	width:290px;
	}
	
#header .back a:link, #header .back a:visited{
	display:block;
	height:70px;
	width:290px;
	line-height:25px;
	color:#000;
	text-decoration:none;
	background:transparent url(../assets/back.png) no-repeat left top;
	text-indent:25px;
	}
#header .back a:hover{
	width:290px;
	background-position:left bottom;
	color:#fff;
	
	}
	
#footer{
	clear:both;
	width:760px;
	background-color:#000000;
	padding:10px 0 10px 20px;
	}

.vj_boite_rose{
	background-color:#111111;
	margin:0 10px 10px 0;
	padding:10px 0 0 10px;
	width:345px;
	float:left;
	border:5px solid #FE00C3;	
	}	
	
.vj_boite_rose h3{
	font-size:14px;
	padding:10px 0 20px 0;
	}

.vj_piki_adv_screens{
	margin:0 0 0 10px;
	}

.vj_piki_adv_screens img{
	margin:2px 2px 2px 2px;
	padding:0;
	}
	
table.keys{
	border:1px solid #FFFFFF;
	background-color:#111111;
	margin:20px 0 0 20px;
	padding:10px 0 0 10px;
	clear:both;
	line-height:5px;
	}
	
table.keys td{
	padding:0 10px 10px 0;
	}
	
table.keys img{
	padding:0;
	margin:0;
	}
	
p.caption{
	margin:5px 0 0 20px;
}

a.download{
	background-color:#FF33CC;
	border:1px solid white;
	color:white;
	text-decoration:none;
	line-height:26px;
	padding:1px 5px 3px 5px;
	/*transition: background-color 0.4s;
	-webkit-transition: background-color 0.4s;*/ /* Safari */
}

a.download:hover{
	background-color:black;
}
	
/* contact page */
.vj_contact_form{
	padding:0 0 10px 0;
	}

.vj_contact_form input, .vj_contact_form textarea{
	width:220px;
	color:#999999;
	border:1px solid #FF33CC; 
	}
	
.vj_contact_form input{
	height:18px;
	}
	
.vj_contact_form textarea{
	height:118px;
	}
	
.mikoo{
	position:absolute;
	top:20px;
	left:350px;
	}
	
/* movies pages */
table{
	margin:20px 0 0 0;
	}

.movie p{
	text-align:center;
	}

#zoo{
	float:right;
	background-color:transparent;
	position:absolute;
	right:20px;
	top:0;
	/*margin:0;
	padding:0;*/
	}

.comingSoon{
	font-size:30px;
	font-family:Georgia,serif;
	color:#ffb000;
	}