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

html {
	overflow-y: scroll;
}

body {
	background-color: #e0e0e0;
	background-image:url('../images/background.png'); 
	background-repeat:repeat-x;	
	background-position: 0 150px;
	height: 800px;
	min-height: 750px;
}


p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #777777;
	margin-top: 0;
	margin-bottom: 0;
	text-align: justify;
	position: relative;
}

img {
	border:0 none;
}

.required {
	color: #DF0000;
	font-size: 9px;
}

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:100;
	color:#990033;
	margin-bottom: 5px;
	margin-left:5px;
}
	
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;	
	color: #444444;
	margin-bottom: 0;
	margin-left:5px;	
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;	
	color: #555555;
	margin-bottom: 0;	
}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;	
	color: #555555;
	margin-bottom: 0;	
}


a {
	text-decoration: none;
	outline: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#0033FF;
	
}

a:active   {
	color:#0033FF;
	outline: none;
}

a:visited   {
	color:#0033FF;
	outline: none;
}

div.transOFF {opacity:1.0; filter: alpha(opacity=100); -moz-opacity: 1.0;}
div.transON  {opacity:.20; filter: alpha(opacity=20); -moz-opacity: 0.2;}


#bg1 {position:absolute; top: 16px; left: 5px; right: 5px; bottom: 16px; background-color: white; z-index: -1;}
#bg2 {position:absolute; top: 5px; left: 16px; right: 16px; height: 11px; background-color: white; z-index: -1;}
#bg3 {position:absolute; bottom: 5px; left: 16px; right: 16px; height: 11px; background-color: white; z-index: -1;}

#topLeft     {position:absolute; top: 0px; left: 0px; background-image: url(../images/topLeft.png); background-repeat: no-repeat; width: 16px; height: 16px;  z-index: -1;}
#topRight    {position:absolute; top: 0px; right: 0px; background-image: url(../images/topRight.png); background-repeat: no-repeat; width: 16px; height: 16px; z-index: -1;}
#bottomRight {position:absolute; bottom: 0px; right: 0px; background-image: url(../images/bottomRight.png); background-repeat: no-repeat; width: 16px; height: 16px; z-index: -1;}
#bottomLeft  {position:absolute; bottom: 0px; left: 0px; background-image: url(../images/bottomLeft.png); background-repeat: no-repeat; width: 16px; height: 16px; z-index: -1;}

#top    {position:absolute; top: 0px; left: 16px; right: 16px; height: 5px; background-image: url(../images/top.png); background-repeat:repeat-x; background-position: 0px 0px; z-index: -1;}
#bottom {position:absolute; bottom: 0px; left: 16px; right: 16px; height: 5px; background-image: url(../images/bottom.png); background-repeat:repeat-x; background-position: 0px 0px; z-index: -1;}

#leftUpper  {position:absolute; top: 16px; left: 0px; background-image: url(../images/leftUpper.png); background-repeat: no-repeat; width: 5px; height: 340px; z-index: -1;}
#leftLower  {position:absolute; bottom: 16px; left: 0px; background-image: url(../images/leftLower.png); background-repeat: no-repeat; width: 5px; height: 340px; z-index: -1;}
#rightUpper {position:absolute; top: 16px; right: 0px; background-image: url(../images/rightUpper.png); background-repeat: no-repeat; width: 5px; height: 340px; z-index: -1;}
#rightLower {position:absolute; bottom: 16px; right: 0px; background-image: url(../images/rightLower.png); background-repeat: no-repeat; width: 5px; height: 340px; z-index: -1;}

#topDivider     {position:absolute; top: 5px; left: 200px; background-image: url(../images/dividerUpper.png); background-repeat: no-repeat; width: 5px; height: 201px; z-index: -1;}
#bottomDivider  {position:absolute; bottom: 5px; left: 200px; background-image: url(../images/dividerlower.png); background-repeat: no-repeat; width: 5px; height: 201px; z-index: -1;}
#middleDivider  {position:absolute; top: 206px; bottom: 206px; left: 200px; background-image: url(/images/dividerMiddle.png); background-repeat: repeat-y; width: 5px; z-index: -1;}

#javaLogo       {position:absolute; bottom: 50px; left: 65px; clear: both;}
#copyright      {position:absolute; bottom: -11px; right: 16px; color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 10px;} 

#wrapper {
	position:relative;
	width: 880px;
	top: 30px;
	min-height: 80%;
	margin-left: auto;
	margin-right: auto;
	z-index: 0;
	padding: 5px;
	padding-bottom: 15px;
}

#wrapper-flash {
	position:relative;
	width: 90%;
	top: 30px;
	min-height: 80%;
	margin-left: auto;
	margin-right: auto;
	z-index: 0;
	padding: 5px;
	padding-bottom: 15px;
}

#mainContent {
	margin: 0px;
}

#mainContentText  {
	margin-left: 20px;
	margin-right: 10px;	
}

#mainContentText p {
	line-height: 1.4em;
	text-align:justify;
}


.contactRow {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #777777;

	text-decoration: none;
}

#sideContent {
	margin: 5px 0px 15px 0px;
}

#sideContent a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333366;
	text-decoration: none;
	border:0 none;
	letter-spacing: 0.1em;
}

#sideContent p {
	padding: 3px;
	margin-left: 35px;
	margin-bottom: 15px;	
}

#divider {
	margin-left: 20px;
	margin-right: 20px;	
}

.product_row {
	margin-top: 20px;
	clear:both;
}

.product_row a{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.product_row a:visited{
	outline:none;
}

.product_screenshot {
	float:left;
	margin-right: 20px;
	margin-bottom: 30px;
	margin-top: 4px;
	clear: both;
}

.product_buttons {
	margin: 0 0 0 1px;
	padding: 0;
	border:0 none;
	text-decoration: none;
}

.product_header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: bold;

	margin: 20px 0 0 0;
	padding: 0px;
}

.product_description {
	margin: 0 0 0 0;
	padding: 0px;
}

.product_other {
	margin: 0 0 0 0;
	padding: 0px;
	clear: both;
}

.listcontent {
	margin-left:20px;
}

.listcontent li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #777777;
	margin-bottom:10px;
	list-style:none;
}
	
.justifiedtext {
text-align:justify;
}


a.mylink {
	text-decoration: none;
	outline: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#0033FF;	
}

a.mylink:visited {
	text-decoration: none;
	outline: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#0033FF;	
}

a.mylink:active {
	text-decoration: none;
	outline: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#0033FF;	
}

ul.navigation {list-style:none; padding:0; margin:0}
* html ul.navigation {height:1%}
.navigation li {float:left; margin:0; padding:0}
.border {height:10px; background:#CCCCCC; clear:left}

.navigation a, .navigation a:visited {color: #ffffff; background:#666666 url('../images/navl.gif') left top no-repeat; font-weight:bold; padding-left: 10px; text-decoration:none}
ul.navigation a, ul.navigation span {display:block; float:left}

/* Hide from IE5-Mac \*/
ul.navigation a, ul.navigation span {float:none}
/* End IE5-Mac hide */

.navigation a span, .navigation a:visited span {background: #666666 url('../images/navr.gif') right top no-repeat; padding-right:10px}


.navigation a:hover, .navigation a:active, .navigation a:focus {color:#111111; background:#CCCCCC url('../images/navlh.gif') left top no-repeat; font-weight:bold; padding-left:10px}
.navigation a:hover span, .navigation a:active span, .navigation a:focus span {background:#CCCCCC url('../images/navrh.gif') right top no-repeat; padding-right:10px}

.HR {
    height:1px;
    width:60%;
    background:#CCCCCC;
    margin: 20px 150px 0px 150px;  
}
   
#textright, #textright a{
text-align:right;
color:#666666;
}

.menuBullet {
	position:relative; 
	top: -1px; 
	margin-right: 10px; 
	visibility: hidden
}

.submenu{
display: block;
#height: 19px;
margin-left: 60px;
padding-top: 2px;
padding-left: 7px;
padding-bottom: 7px;
color: #333333;
}

.hide{
display: none;
}

.show{
display: block;
}

td, th {
padding:0;
}

tr {
margin:0;
}

tr.category {
color:white;
height:26px;
text-align:center;
vertical-align:middle;
}

td.categoryR {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/level-one-tabs.gif) no-repeat scroll left top;
width:4px;
}

td.categoryL {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/level-one-tabs.gif) no-repeat scroll right top;
width:4px;
}

td.categoryL img, td.categoryR img {
width:4px;
}

td.category, td.category:visited {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#EAF1F8 url(../images/level-one-tabs.gif) repeat-x scroll 0 -27px;
border:0 none;
overflow:hidden;
text-align:center;
vertical-align:middle;
white-space:nowrap;
width:110px;
}

td.vide {
background-color:#FFFFFF;
}

td.selectedcategoryL {
background-color:#656565;
background-image:url(../images/onglet-downLB.gif);
border:0 none;
background-position:center top;
background-repeat:repeat-y;
vertical-align:top;
width:4px;
}

td.selectedcategoryR {
background-color:#656565;
background-image:url(../images/onglet-downRB.gif);
background-position:center top;
background-repeat:repeat-y;
vertical-align:top;
width:4px;
}

td.selectedcategory {
background-color:#656565;
background-image:url(../images/onglet-down.gif);
border:0 none;
background-position:center top;
background-repeat:repeat-x;
color:#FFFFFF;
font-weight:bold;
text-align:center;
vertical-align:middle;
white-space:nowrap;
width:13%;
}


a.category {
background-color:#FFFFFF;
color:#333333;
display:block;
font-size:12px;
padding:5px 0;
text-align:center;
text-decoration:none;
white-space:nowrap;
width:100%;
}

a.category:hover {
color:#2D73B6;
text-decoration:underline;
}

table {
border:medium none;
border-collapse:collapse;
border-spacing:0;
text-align:left;
width:100%;
}

div#menu {
background-color:#FFFFFF;
clear:both;
padding-bottom:20px;
}

p, td, div {
font-family:"lucida grande",tahoma,verdana,Arial,Helvetica,sans-serif;
font-size:12px;
line-height:125%;
text-align:left;
}