/* MEDIAIDEA TECHNOLOGIES - 'Mediaidea', by Benoit Baverel & Alexandre Viennot, http://mediaidea.fr/ */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
/* All associated graphics copyright 2006, Mediaidea Technologies */
/* Added: October 1st, 2006 */


/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques you learn from it elsewhere. */

body {
	background: #ffffff; 
	margin:0px; 
	padding:0px;
	font-size:10px;
	font-family: arial;
}

img {
	border:none;
	vertical-align:middle;
}

input, option, select {
	font-size:11px;
}

input[type=checkbox] {
	cursor:pointer;
	vertical-align:middle;
}

form {
	margin:0px;
	padding:0px;
}

a {
	color: #3b5998;
	text-decoration: none;
}

a:hover {
	text-decoration:underline;
}

label {
	cursor:pointer;
}


.logo {
	background:url(../images/logo_videoclubbing_1024.jpg) no-repeat; 
	width:1024px; 
	height:120px;
}

.logo a.linkHome {
	position:absolute;
	width:415px; 
	height:120px;
	z-index:100;
}

.logo a.linkShop {
	position:absolute; 
	margin-left:927px; 
	width:97px; 
	height:120px;
	z-index:100;
}


.container {
	background:#ffffff;
	font-family:Arial, sans-serif; 
	width:1024px;
	height:100%;
	margin-left:auto;
	margin-right:auto;	
}

.right_advert {
	position:absolute; 
	background:#999; 
	margin:0px; 
	padding:0px; 
	height:500px; 
	top:10px;
	margin-left:920px;
}

.main {
	background:url(../images/bg_menuleft_videoclubbing.jpg) left repeat-y;
	height:100%;
}

.blank {
	background:#ffffff;
}



.topMenu {
	background:#33ABFF url(../images/bg_menu_videoclubbing.jpg);
	padding:4px;
	text-align:center;
	border-bottom:10px solid #fff;
}
.topMenu ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.topMenu li {
	color:#fff;
	font-size:12px;
	font-family:arial;
	font-weight:bold;
	display:inline;
}
.topMenu li a {
	text-decoration:none;
	color:#ffffff;
}
.topMenu li a:hover {
	color:#fd0ad6;
}
.topMenu li .active {
	color:#fd0ad6;
}


.leftMenu {
	width:160px;
	padding-bottom:20px;
	margin:0px;
	min-height:500px; 
	_height:500px;
}

.mainDisplay {
	margin-left:160px;
	padding-bottom:20px;
	min-height:500px; 
	_height:500px;
}

.mainContact, .mainAbout, .mainLinks, .mainInscription, .mainShop, .mainVideo {
	margin-left:160px;
}

.mainDisplay div.mainContent {
	min-height:600px; 
	_height:600px;
}



.block {
	background:#89CDFD;
	min-height:50px;
	_height:50px;
	text-align: left;
	padding-left:165px;
	clear:both;
}

.footer {
	margin-left:100px;
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
}
.footer ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.footer li {
	color:#333333;
	font-size:10px;
	font-family:arial;
	font-weight:bold;
	display:inline;
}
.footer li a {
	text-decoration:none;
	color:#666666;
}

.footer li a:hover {
	text-decoration:underline;
}


.leftBox {
	background:#89cdfd;
	padding-bottom:20px;
	margin-bottom:10px;
	min-height:20px; 
	_height:20px;
	color:#ffffff;
}

.leftBox h3 {
	background:url(../images/bg_menu_videoclubbing.jpg);
	margin:0px; 
	color:#ffffff; 
	font-size:14px; 
	padding:0px 2px; 
	font-family:arial
}

.leftBox input[type=text], .leftBox input[type=password] {
	font-size:9px;
	width:130px;
}

.leftBox input[type=submit] {
	border:0px;
	background:none;
	color:#ffffff;
	font-weight:bold;
	font-size:12px;
	cursor:pointer;
}

.leftBox a {
	text-decoration:none;
	color:#fff;
	font-size:12px;
}

.leftBox #cnxForm {
	padding:3px;
}

.leftBox form {
	margin:0px;
	padding:0px;
}

.cnxBox {
	min-height:140px; 
	_height:140px;
}


.bg_darkBlue {
	background:url(../images/bg_darkBlue.jpg);
}


.bottom_darkTriangle {
	background:url(../images/bottom_darkTriangle.jpg);
	height:310px;
	margin:0px;
	padding:0px;
}

.top_darkTriangle {
	background:url(../images/top_darkTriangle.jpg);
	height:115px;
	margin:0px;
	padding:0px;
}


.bottom_lightTriangle {
	background:url(../images/bottom_lightTriangle.jpg);
	height:310px;
	margin:0px;
	padding:0px;
}




.formfield_inscription {
	margin-bottom:10px;
}

.formfield_inscription label {
	float:left;
	display:block;
	width:150px;
}

.formfield_inscription input[type=text]{
	background-color:#ffffff;
	border:none;
}

.required {
	
}

.right_container {
	float:right;
	margin-left:10px;
	width:220px;
}

.right_container div {
	margin-bottom:10px;
}


#signupwrap {
	font-weight:bold;
  	text-align: left;
  	padding: 10px;
}

#signupform select {
	font-size:11px;
}

#signupform .field {
  	padding-bottom: 5px;
  	white-space: nowrap;
  	color:#ffffff;
}

#signupform .label {
	color:#fff; 
	float:left;
	display:block;
  	padding-top: 2px;
  	padding-right: 8px;
  	vertical-align: top;
  	text-align: left;
  	width: 125px;
  	font-size:1.3em;
  	white-space: nowrap;
}

#signupform .status {
	float:right;
	height:18px;
  	padding-top: 2px;
  	padding-left: 8px;
  	vertical-align: top;
  	width: 150px;
  	white-space: nowrap;
}

#signupform .textfield {
  	width: 175px;
  	font-size:10px;
}

#signupform .error {
  	background:url("http://static.rememberthemilk.com/img/ico/ico_cross_org.gif") no-repeat left center;
	float:right;
	height:18px;
  	padding-top: 2px;
  	padding-left: 8px;
  	vertical-align: top;
  	width: 160px;
  	white-space: nowrap;
}

#signupform .error_msg {
  	font-weight: bold;
  	padding-top: 1px;
  	color: #EA5200;
  	margin-left: 10px;
}

#signupform .success {
  	background:url("http://static.rememberthemilk.com/img/ico/ico_check_blu.gif") no-repeat left center;
	float:right;
	height:18px;
  	padding-top: 2px;
  	padding-left: 8px;
  	vertical-align: top;
  	width: 160px;
  	white-space: nowrap;
}

#signupform .success_msg {
  	font-weight: bold;
  	color: #0060BF;
  	margin-left: 19px;
}

#signupform #dateformatStatus, #signupform #termsStatus {
  	margin-left: 6px;
}

#signupform #dateformat_eu {
 	vertical-align: middle;
}

#signupform #ldateformat_eu {
  	font-weight: normal;
  	vertical-align: middle;
}

#signupform #dateformat_am {
  	vertical-align: middle;
}

#signupform #ldateformat_am {
  	font-weight: normal;
  	vertical-align: middle;
}

#signupform #termswrap {
  	float: left;
}

#signupform #terms {
  	vertical-align: middle;
  	float: left;
  	display: block;
  	margin-right: 5px;
}

#signupform #lterms {
  	font-weight: normal;
  	vertical-align: middle;
  	float: left;
  	display: block;
  	width: 350px;
  	white-space: normal;
}

#signupform #lsignupsubmit {
  	visibility: hidden;
}

.errorMsg {
	border-left:6px solid #C00;
	padding:10px 10px;
	margin-bottom:20px;
	color:#c00
}


.left {
 	float:left;
}
.right {
	float:right;
}
.clear {
	clear:both;
}
.clearLeft {
	clear:left;
}
.clearRight {
	clear:right;
}


.sb-preloader-table {
	width: 320px;
	height: 56px;
	background-color: #EEF0FC;
	border: 3px solid #6E89DD;
}
.sb-preloader-text {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
}

.inputtext {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #bdc7d8;
	border-right-color: #bdc7d8;
	border-bottom-color: #bdc7d8;
	border-left-color: #bdc7d8;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 11px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}

.inputbutton, .inputsubmit {
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-top-color: #0e1f5b;
	border-left-color: #0e1f5b;
	border-bottom-color: #0e1f5b;
	border-right-color: #0e1f5b;
	background-color: #bdc7d8;
	color: #000000;
	font-size: 11px;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	text-align: center;
	cursor:pointer;
}

/**
 * Gestion des element pour les formulaires.
 *
 */

.editor {
	margin-top: 3px;
	margin-right: auto;
	margin-bottom: 7px;
	margin-left: auto;
}

.editor .inputtext, .editor .inputpassword {
	margin-left: 0px;
	width: 300px;
}

.editor .buttons {
	text-align: center;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.editor .buttons .inputsubmit, .editor .buttons .inputbutton {
	margin-top: 2px;
	margin-right: 4px;
	margin-bottom: 2px;
	margin-left: 4px;
}

.fieldset_wtop_border {
	border:none; 
	border-top-width: 1px; 
	border-top-style: dotted; 
	border-top-color: #aaaaaa; 
	padding-top: 1em; 
	position: relative; 
	padding-bottom:20px;
	margin-bottom:20px;
}

.fieldset_wtop_bottom_border {
	border:none; 
	border-top-width: 1px; 
	border-top-style: dotted; 
	border-top-color: #aaaaaa; 
	border-bottom-width: 1px; 
	border-bottom-style: dotted; 
	border-bottom-color: #aaaaaa; 
	padding-top: 1em; 
	position: relative; 
	padding-bottom:20px;
	margin-bottom:20px;
}

.fieldelem input[type=text], .fieldelem input[type=password], .fieldelem textarea {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #bdc7d8;
	border-right-color: #bdc7d8;
	border-bottom-color: #bdc7d8;
	border-left-color: #bdc7d8;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 11px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	font-weight:normal;
}

.fieldelem {
	position: relative; 
	margin-bottom: 0.2em; 
	font-size: 100%; 
	padding-top: 2px;
}

.fieldelem img {
	padding-top:3px;
	vertical-align:top;
}

.fieldlabel {
	float:left; 
	width:140px; 
	text-align: right; 
	padding-top: 0.2em; 
	padding-right: 0.5em; 
	padding-bottom: 0pt; 
	padding-left: 0pt; 
	color: #505050;
}

.fieldlabel label {
	line-height:1.6em;
	font-size:11px;
	font-weight:bold;
}

.fieldcontent {
	margin-left:155px;
	line-height:2.2em;
}

.fieldvalid {
	background:#fff;
	padding-left:10px;
}

.fielderr label {
	padding-left: 20px;
	background-image: url(../images/icones/gif/error_bang.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-x-position: 0pt;
	background-y-position: 1px;
	color: #c00e0c;
}

.fielderr{
	background-image: url(../images/error_arrow_bg.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-x-position: -1em;
	background-y-position: 0pt;
	z-index: 0;
	color: #c00e0c;
	font-weight: bold;
}

.fieldmsg {
	position:absolute;
	top:0;
	right:0;
	font-size:85%;
	width:19em;
	margin:0;
	padding-top:4px
}

.fieldlong {
	width:300px;
}

.fieldmedium {
	width:150px;
}

.fieldsmall {
	width:75px;
}

.fielddivider {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	height: 0pt;
	overflow-x: hidden;
	overflow-y: hidden;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	margin-left:155px;
	margin-right:155px;
}



/**
 *	Gestion des tabs
 */

 #SubMenu ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 21px;
	padding-left: 10px;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	border-bottom:1px solid #ccc;
}

#SubMenu li {
	float: left;
	height:18px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#SubMenu .disable {
	display:none;
}


#SubMenu .on {
	height:19px;
	background: #fff url(../images/dots.gif) no-repeat;
	border-bottom:0px;
}

#SubMenu a {
	display:block;
	font-size: 10px;
	display: block;
	padding-top: 2px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 0px;
	text-decoration: none;
	font-weight: normal;
	color: #808080;
}

#SubMenu .on a {
	color: #048;
	font-weight:bold;
}

#SubMenu a:hover {
	color: #333333;
	background:#fff;
	display: block;
	text-decoration: none;
	font-weight: normal;
}

#SubMenu .on a:hover {
	color: #333333;
	font-weight: bold;
	padding-bottom: 3px;
}

.TabContent {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-color: #cccccc;
	border-right-color: #cccccc;
	border-bottom-color: #cccccc;
	border-left-color: #cccccc;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.warningMsg {
	padding-left: 20px;
	background-image: url(../images/error_bang.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-x-position: 0pt;
	background-y-position: 1px;
	color: #c00e0c;
	font-size:11px;
	font-weight:bold;
}


.error_msg {
	background:#ffebe8 url(../images/error_bang.gif) no-repeat 6px 10px;
	margin:10px 0px; 
	border:1px solid #dd3c10; 
	width:300px; 
	font-size:1.1em; 
	font-weight:bold;
	color:#000; 
	padding-left:30px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
}


hr.thin {
	height : 1px;
	border-width : 1px 0 0 0;
	border-style : solid;
	border-color : #fd0ad6;
}

.spacer {
	margin:20px;
}


/* DEBUG */
#debug {
	position: absolute;
	top: 0;
	width: 100%;
	height: 4px;
	background: #9FA7FF;
	z-index:10000;
	left:0px;
}
#debug div {
	display: none;
	padding: 3px 0.5em 2px;
}
#debug p {
	margin : 0.5em 0;
}
#debug:hover {
	height: auto;
}
#debug:hover div {
	display: block;
}
/*------------------------------------------------------ */



.image_right {
float:right;
margin:0px;
margin-left:20px;
margin-bottom:20px;
border:none;
}

.image_left {
float:left;
margin:0px;
margin-right:20px;
margin-bottom:20px;
border:none;

}