/*$purple = "6A47B2";
$lightblue = "e2e8ff";
$blue = "687fc1";
*/
html {
      margin:0;
      padding:0;
      height:100%;
      border:none
}
	
body {
      height:100%;
		scrollbar-face-color: #6A47B2;
	scrollbar-track-color: #F0F0FF;
	scrollbar-arrow-color: #F0F0FF;
	font-family:Trebuchet MS, verdana ,tahoma ,arial ,helv;
	font-size: 80%;
	line-height: 1.6em;
	background-color:#687fc1;
	margin:0px;
}

#index-main {
	height:100%;
	width:100%;
	text-align:center;
}

#index-enter {
	background-color:#c9e9ff;
	-moz-border-radius: 30px;
	vertical-align:center;
	text-align:center;
	border:3px;
	border-style:solid;
	border-color:#6A47B2;
	padding:50;
}

#index-langs {
	width:100%;
	text-align:center;
}
td.index-lang {
	text-align:center;
}

table.root {
	height:100%;
 	width:100%; 
	border:0px;
	padding:0px;
	margin:0px;
}

td.panel {
	width:6em;	
}

table.panel {
	height:100%;
	width:6em;
	border:0px;
	padding:0px;
	margin:0px;
	vertical-align:top;
	text-align:center;
}
table.body {
	height:100%;
 	width:100%; 
	border:0px;
	padding:0px;
	margin:0px;
}

/*
 * body
 */

#body {
	height:100%;
/* 	width:800px; */
	background-color:#e2e8ff;
	-moz-border-radius-bottomleft: 30px;
	-moz-border-radius-topleft: 30px;
	vertical-align:top;
	text-align:left;
	border:3px;
	border-style:solid;
/*	border-right-style:none;*/ 
	border-color:#6A47B2;
	padding:20px;
	padding-top:0px;
	margin:0;
}

#langs {
	vertical-align:bottom;
	text-align:center;
}

.menu {
	height:100%;
	vertical-align:top;
	text-align:center;
}

#hibou {
	padding:0px;
	margin:0px;
	text-align:center;
	vertical-align:center;
}

#hibou img {
	padding:0px;
	margin:0px;
}
	
#hibnetlogo {
	text-align:right;
	padding:0px;
	margin:0px;
	vertical-align:top;
}
#hibnetlogo img {
	padding:0px;
	margin:0px;
}

span.logo {
	text-align:left;
}

div.header {
	margin-bottom:20px;
}

img.logo {
	padding:0px;
	margin:0px;
	padding-top:10px;
}

#copyright {
	vertical-align:middle;
	padding-right:5px;
	text-align:right;
	font-family:verdana ,tahoma ,arial ,helv;
	font-size:60%;
	font-style:italic;
	font-weight:bold;
}

a.powered {
	margin-right:0px;
	margin-left:10px;
}

img.powered {
	padding-right:0px;
	padding-left:10px;
	vertical-align:middle;
}

a:link {
	text-decoration:none;
	color:#6A47B2;
}

a:visited {
 	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a:active {
	text-decoration:none;
}
	
img {
  border: 0px;
  margin: 0px;
}

img.lang {
	margin:2px;
	padding:2px;
}

img.langselected {
	margin:2px;
	border:2px;
	border-style:solid;
	border-color:#8811AA;
}

li.bug {
	list-style-image:url('/images/li/bug.png');	
}

li.remove {
	list-style-image:url('/images/li/remove.png');	
}

li.modif {
	list-style-image:url('/images/li/modif.png');	
}

li.add {
	list-style-image:url('/images/li/add.png');	
}

li {
	list-style-image:url('/images/li/arrow.png');
}

p {
  border: 0px;
  margin: 0px;
  padding: 0px;
  text-indent:1cm;
	text-align:justify;
	line-height:1.2em;
}

h1 {
	color:   #78C441;
	vertical-align:middle;
}

h1 img {
	vertical-align:middle;
}

h1 span {
	vertical-align:middle;
	margin-left:5px;
}

div.screenshots {
	text-align:center;
	margin:10px;
}

/*
 * the text
 
.titlepara:before {
	content:url('img/barre_hibou.gif')" ";
}
.titlepara {
	font-size:100%;
	color:#008000;
	font-style:normal;
	font-weight:bold;
	text-decoration:underline;
}

.para {
	font-size:80%;
	color:#000000;
	font-style:normal;
	font-weight:normal;
	text-align:justify;
}*/



span.subsubpart {
	vertical-align:top;
	text-align:right;
	margin:0;
	width:100%;
}

/*
 * the part
 */
a.part {
	font-size:120%;
	width:9em;
	font-weight:bold;
	vertical-align:middle;
	border-width:2px;
	border-style:solid;
	border-color:#6A47B2;
	margin-top:5px;
	margin-bottom:0px;
	margin-right:3px;
	margin-left:3px;
	padding:2px;
	display:block;
	text-align:left;
	color:#e2e8ff;
	background-color:#6A47B2;
	-moz-border-radius: 1em;
}
a.part:link { color:#e2e8ff; text-decoration:none; background-color:#6A47B2; }
a.part:visited { color:#e2e8ff; text-decoration:none; background-color:#6A47B2; }
a.part:hover {  color:#6A47B2; text-decoration:none; background-color:#e2e8ff; }
a.part:active { color:#6A47B2; text-decoration:none; background-color:#e2e8ff; }
/*
a.part:hover {  color:#6A47B2; text-decoration:none; border:4px double #FF9999; }
a.part:active { color:#6A47B2; text-decoration:none; border:4px double #FF9999; }
*/
img.part {
	padding-right:5px;
	padding-left:5px;
	vertical-align:middle;
}


/*
 * the selected part
 */
a.partselected {
	font-size:120%;
	width:9em;
	font-weight:bold;
	vertical-align:middle;
	border-width:2px;
	border-style:solid;
	border-color:#e2e8ff;
	margin-top:5px;
	margin-bottom:0px;
	margin-right:3px;
	margin-left:3px;
	padding:2px;
	display:block;
	text-align:left;
	color:#e2e8ff;
	background-color:#6A47B2;
	-moz-border-radius: 1em;
}
a.partselected:link { color:#e2e8ff; text-decoration:none; background-color:#6A47B2; }
a.partselected:visited { color:#e2e8ff; text-decoration:none; background-color:#6A47B2; }
a.partselected:hover {  color:#6A47B2; text-decoration:none; background-color:#e2e8ff; }
a.partselected:active { color:#6A47B2; text-decoration:none; background-color:#e2e8ff; }

/*
 * the sub-part
 */
a.subpart {
	font-size:100%;
	width:8em;
	font-weight:bold;
	vertical-align:middle;
	border-width:2px;
	border-style:solid;
	border-color:#6A47B2;
	margin:0px;
	padding:2px;
	display:block;
	text-align:left;
	color:#e2e8ff;
	background-color:#6A47B2;
}

a.subpart:link { color:#e2e8ff; text-decoration:none; background-color:#6A47B2; }
a.subpart:visited { color:#e2e8ff; text-decoration:none; background-color:#6A47B2; }
a.subpart:hover {  color:#6A47B2; text-decoration:none; background-color:#e2e8ff; }
a.subpart:active { color:#6A47B2; text-decoration:none; background-color:#e2e8ff; }

img.subpart {
	padding-right:5px;
	padding-left:5px;
	vertical-align:middle;
}
/*
 * the selected sub-part
 */
a.subpartselected {
	font-size:100%;
	width:8em;
	font-weight:bold;
	vertical-align:middle;
	border-width:2px;
	border-style:solid;
	border-color:#e2e8ff;
	margin:0px;
	padding:2px;
	display:block;
	text-align:left;
	color:#e2e8ff;
	background-color:#6A47B2;
}

a.subpartselected:link { color:#e2e8ff; text-decoration:none; background-color:#6A47B2; }
a.subpartselected:visited { color:#e2e8ff; text-decoration:none; background-color:#6A47B2; }
a.subpartselected:hover {  color:#6A47B2; text-decoration:none; background-color:#e2e8ff; }
a.subpartselected:active { color:#6A47B2; text-decoration:none; background-color:#e2e8ff; }

/*
 * the last sub-part
 */

a.lastsubpart {
	font-size:100%;
	width:8em;
	font-weight:bold;
	vertical-align:middle;
	border-width:2px;
	border-style:solid;
	border-color:#6A47B2;
	margin:0px;
	padding:2px;
	display:block;
	text-align:left;
	color:#e2e8ff;
	background-color:#6A47B2;
	-moz-border-radius-bottomleft: 1em;
	-moz-border-radius-bottomright: 1em;
}
a.lastsubpart:link { color:#e2e8ff; text-decoration:none; background-color:#6A47B2; }
a.lastsubpart:visited { color:#e2e8ff; text-decoration:none; background-color:#6A47B2; }
a.lastsubpart:hover {  color:#6A47B2; text-decoration:none; background-color:#e2e8ff; }
a.lastsubpart:active { color:#6A47B2; text-decoration:none; background-color:#e2e8ff; }
img.lastsubpart {
	padding-right:5px;
	padding-left:5px;
	vertical-align:middle;
}


/*
 * the selected last sub-part
 */

a.lastsubpartselected {
	font-size:100%;
	width:8em;
	font-weight:bold;
	vertical-align:middle;
	border-width:2px;
	border-style:solid;
	border-color:#e2e8ff;
	margin:0px;
	padding:2px;
	display:block;
	text-align:left;
	color:#e2e8ff;
	background-color:#6A47B2;
	-moz-border-radius-bottomleft: 1em;
	-moz-border-radius-bottomright: 1em;
}
a.lastsubpartselected:link { color:#e2e8ff; text-decoration:none; background-color:#6A47B2; }
a.lastsubpartselected:visited { color:#e2e8ff; text-decoration:none; background-color:#6A47B2; }
a.lastsubpartselected:hover {  color:#6A47B2; text-decoration:none; background-color:#e2e8ff; }
a.lastsubpartselected:active { color:#6A47B2; text-decoration:none; background-color:#e2e8ff; }


/*
 * the sub-sub-part
 */
div.subsubpart {
	margin-bottom:10px;
	margin-top:0;
	padding:0;
}

/*
 * the first sub-sub-part
 */
a.firstsubsubpart {
	font-size:100%;
	width:8em;
	font-weight:bold;
	vertical-align:middle;
	border-width:2px;
	border-style:solid;
	border-color:#6A47B2;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:5px;
	margin-left:10px;
	padding:4px;
	padding-right:10px;
	text-align:left;
	color:#6A47B2;
	background-color:#687fc1;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
}

a.firstsubsubpart:link { color:#e2e8ff; text-decoration:none; background-color:#6A47B2; }
a.firstsubsubpart:visited { color:#e2e8ff; text-decoration:none; background-color:#6A47B2; }
a.firstsubsubpart:hover {  color:#e2e8ff; text-decoration:none; background-color:#687fc1; }
a.firstsubsubpart:active { color:#e2e8ff; text-decoration:none; background-color:#687fc1; }

img.firstsubsubpart {
	padding-right:5px;
	padding-left:5px;
	vertical-align:middle;
}

/*
 * the selected first sub-sub-part
 */

a.firstsubsubpartselected {
	font-size:100%;
	width:8em;
	font-weight:bold;
	vertical-align:middle;
	border-width:2px;
	border-style:solid;
	border-color:#687fc1;
	border-top-color:#e2e8ff;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:5px;
	margin-left:10px;
	padding:4px;
	padding-right:10px;
	text-align:'left';
	color:#6A47B2;
	background-color:#687fc1;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
}

a.firstsubsubpartselected:link { color:#e2e8ff; text-decoration:none; background-color:#6A47B2; }
a.firstsubsubpartselected:visited { color:#e2e8ff; text-decoration:none; background-color:#6A47B2; }
a.firstsubsubpartselected:hover {  color:#e2e8ff; text-decoration:none; background-color:#687fc1; }
a.firstsubsubpartselected:active { color:#e2e8ff; text-decoration:none; background-color:#687fc1; }

/*
 * the sub-sub-part
 */

a.subsubpart {
	font-size:100%;
	width:8em;
	font-weight:bold;
	vertical-align:middle;
	border-width:2px;
	border-style:solid;
	border-color:#6A47B2;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:5px;
	margin-left:5px;
	padding:4px;
	padding-right:10px;
	text-align:'left';
	color:#e2e8ff;
	background-color:#687fc1;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
}

a.subsubpart:link { color:#e2e8ff; text-decoration:none; background-color:#6A47B2; }
a.subsubpart:visited { color:#e2e8ff; text-decoration:none; background-color:#6A47B2; }
a.subsubpart:hover {  color:#e2e8ff; text-decoration:none; background-color:#687fc1; }
a.subsubpart:active { color:#e2e8ff; text-decoration:none; background-color:#687fc1; }
img.subsubpart {
	padding-right:5px;
	padding-left:5px;
	vertical-align:middle;
}

/*
 * the selected sub-sub-part
 */

a.subsubpartselected {
	font-size:100%;
	width:8em;
	font-weight:bold;
	vertical-align:middle;
	border-width:2px;
	border-style:solid;
	border-color:#687fc1;
	border-top-color:#e2e8ff;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:5px;
	margin-left:5px;
	padding:4px;
	padding-right:10px;
	text-align:'left';
	color:#e2e8ff;
	background-color:#687fc1;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
}

a.subsubpartselected:link { color:#e2e8ff; text-decoration:none; background-color:#6A47B2; }
a.subsubpartselected:visited { color:#e2e8ff; text-decoration:none; background-color:#6A47B2; }
a.subsubpartselected:hover {  color:#e2e8ff; text-decoration:none; background-color:#687fc1; }
a.subsubpartselected:active { color:#e2e8ff; text-decoration:none; background-color:#687fc1; }

/*
 * The stats
 */
table.stats {
	border-collapse:collapse;
}

td.stats-header-filename {
	padding:0;
	padding-right:5px;
	padding-left:15px;
/*	border-right-style:solid;
	border-right-width:2px;
	border-right-color:#AAAAAA;*/
/*	border-bottom-style:solid;
	border-bottom-width:2px;
	border-bottom-color:#AAAAAA;*/
	text-align:right;		
}

td.stats-header-value {
	padding:0;
	padding-right:30px;
/*	border-bottom-style:solid;
	border-bottom-width:2px;
	border-bottom-color:#AAAAAA;*/
	text-align:left;		
}

td.stats-filename {
	padding:0;
	padding-left:15px;
	padding-right:15px;
/*	border-right-style:solid;
	border-right-width:2px;
	border-right-color:#AAAAAA;*/
	border-right-style:dashed;
	border-right-width:1px;
	border-right-color:#AAAAAA;
		text-align:right;
}

td.stats-value {
	padding:0;
	padding-right:30px;
	font-size:60%;
	border-left-style:dashed;
	border-left-width:1px;
	border-left-color:#AAAAAA;
}