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

body {
	background-color:#000;
	color:#999;
	font-family:Helvetica, Arial;
	font-size:12px;
	margin:0;
	padding:0;
	top:0px;
	vertical-align:top;
}
a {
	color:#C00;
	font-style:italic;
	text-decoration:none;
}
a:hover {
	color:#F00;
	text-decoration:line-through;
}



/* ------------ */
/* --- HEAD --- */
/* ------------ */
#head {
	margin: 20px auto;
}
#head table {
	width:1024px;
}
#head td {
	padding:10px;
	text-align:center;
}
#head #separation {
	background-color:#222;
	width:1px;
	font-size:0;
	padding:0;
}
#head .title_jd {
	font-size:50px;
	font-weight:lighter;
	color:#FFF;
	font-family:Helvetica, Arial;
}
#head .title_design {
	font-size:50px;
	font-weight:bold;
	color:#C00;
	font-family:Helvetica, Arial;
}
.icon {
	color:#000;
	text-decoration:none;
	width:50px;
}
.icon:hover {
	color:#c00;
}


/* --------------- */
/* --- CONTENT --- */
/* --------------- */
#content table, #content table tr, #content table td {
	margin:0;
	padding:0px;
}
#content #tabs td {
	padding:0;
	background-color:transparent;
	border-color:#333;
	border-style:solid;
	border-width:0;
	border-bottom-width:1px;
	font-size:24px;
	font-variant:small-caps;
}
#content #tabs td.selected {
	background-color:#111;
	border-color:#333;
	border-style:solid;
	border-width:1px;
	border-bottom-width:0;
	color:#FFF;
	padding:10px;
	padding-top:2px;
	padding-bottom:2px;
	width:100px;
}
#content #tabs td.notselected {
	background-color:transparent;
	border-color:#333;
	border-style:solid;
	border-width:1px;
	padding:10px;
	padding-top:2px;
	padding-bottom:2px;
	width:100px;
}
#content #tabs td.notselected:hover {
	background-color:#111;
}
#content #tabs td a {
	color:#999;
	font-style:normal;
	text-decoration:none;
}
#content #tabs td a:hover {
	color:#EEE;
}
#content #contenttable td {
	padding:20px;
	background-color:#111;
	border-color:#333;
	border-style:solid;
	border-width:1px;
	border-top-width:0;
}
#content #contenttable .title {
	color:#666;
	font-family:Helvetica, Arial;
	font-size:20px;
}
#content #contenttable strong {
	color:#FFF;
}
#content #contenttable iframe {
	background-color:#111;
}


/*--- CONTENT : MODULES : CONTACT ---*/
#contactform {
	width:500px;
	display:inline-block;
	padding-right:50px;
}
#contactform input, #contactform select, #contactform textarea {
	background-color:#111;
	border-color:#333;
	border-style:solid;
	border-width:1px;
	color:#FFF;
	font-family:Helvetica;
	width:300px;
}
#contactform textarea {
	height:100px;
}
#contactform input.button:hover {
	background-color:#333;
	color:#FFF;
	cursor:pointer;
}
#contacttext {
	width:400px;
	vertical-align:top;
	display:inline-block;
}
#contactlegal {
	width:960px;
	padding:5px;
	vertical-align:top;
	border-color:#333;
	border-style:solid;
	border-width:1px;
	background-color:#222;
}

/*--- CONTENT : MODULES : CLIENT ---*/
#login {
	padding:10px;
	width:300px;
	background-color:#111;
	border-color:#333;
	border-style:solid;
	border-width:1px;
}
#login input {
	background-color:#111;
	border-color:#333;
	border-style:solid;
	border-width:1px;
	color:#FFF;
	font-family:Helvetica;
	width:200px;
}
#login input.button:hover {
	background-color:#333;
	color:#FFF;
	cursor:pointer;
}