body, .body{margin: auto; width: 92%;}
body{background-color: #fff; font-family: verdana, "DejaVu Sans", "Bitstream Vera Sans", sans-serif; font-size: 12px; color: #000; line-height: 1.3em; }

input, select{font-size: 12px; font-family: verdana, "DejaVu Sans", sans-serif; color: black; background-color: white;}
a{color: #0000e0;}

#menu{text-align: center; margin-bottom: 1.3%;}
#menu h1{margin: 0 0 25px 0; padding: 0; font-size: 45px; font-family: "Times New Roman", "Liberation Serif", "DejaVu Serif", "Bitstream Vera Serif", serif; letter-spacing: 5px; border-bottom: 1px solid #ccc; font-weight: normal; padding: 25px 0 12px 0; line-height: 50px; height: 62px;}
#menu h1 a{color: #0ca900; font-style: italic; text-decoration: none; line-height: 50px; margin: 0 0 0 230px; }
#menu h1 a strong{font-size: 26px; color: #aaa; font-weight: normal; letter-spacing: 3px;}
#menu h1 a span{color: #bbb; padding: 0 2px 0 5px; font-style: normal;}
#menu h1 .version{font-size: 9px; letter-spacing: 1px; font-family: verdana, sans-serif; color: #C7CACC; position: relative; top: -16px; right: 65px;}

#menu dl{list-style-type: none; margin: -36px auto 0 auto; padding: 0; text-align: center; width: 545px; background-image: url(cursor.png); height: 26px; background-repeat: no-repeat; background-position: 40px 20px; border-bottom: 1px solid #fff; position: relative;}
#menu dl dt{width: 84px; float: left; display: block; padding: 0; margin: 0 5px 0 0; position: relative;}
#menu dl dt a{text-decoration: none; display: block; border: 1px solid #aaa; font-size: 13px; font-family: arial, "Trebuchet MS", verdana, sans-serif; line-height: 18px; background-color: white; color: #444;}
#menu dl dt a:hover{border: 1px solid black; color: black;}
#menu dl dt#sel a{font-weight: bold; color: #000; border-color: #0ca900;}
#menu dl dd{display: none; position: absolute; margin: 0; font-size: 11px; margin: 3px 0 0 0; text-align: center; top: 23px; right: 0; width: 100%;
color: #222; background-image: url(001.png); background-position: bottom center; border-top: 1px solid #0ca900; padding-bottom: 5px;}

#menu h2{text-align: left; padding-top: 0.2%; color: #777; font-weight: normal;}

#info_box{ margin: 0; font-size: 9px; color: #000; line-height: 13px; text-align: right;  opacity: 0.6; filter : alpha(opacity=60); position: relative; top: 22px; z-index: 0; width: 233px; float: right;}
#info_box div{ }
#info_box:hover{opacity: 1; filter : alpha(opacity=100);}

p{margin-top: 0%; margin-bottom: 10px; text-align: justify;}
p strong{color: #222;}
hr{border: 0; border-bottom: 1px solid white; border-top: 1px solid #cccccc; background-color: #cccccc; height: 2px;
width: 100%;}
img{border: 0;}
h2{color: #276CCD; font-family: verdana, sans-serif; font-size: 13px; padding: 0; margin: 0 0 4px 0;}
h2 a{color: #276CCD; /*text-decoration: none;*/}
h2 a:hover{text-decoration: underline;}
h2 span{font-size: 13px; font-weight: normal; color: #333;}
h3{font-size: 14px; margin-bottom: 0.2%; color: #111111;}

ul{margin: 0; padding: 0 0 7px 19px;}
ul li{margin: 0; padding: 0}


#article{margin: 0 2% 0 0%; margin-right: 185px;}
#article h2{padding-top: 0; margin-bottom: 0;}
#article .ntitle{border-bottom: 1px dashed #ccc; padding: 0.6% 0.1% 1.2% 0.1%; margin: 0 0 0.8% 0; font-size: 11px;}
#article p, #article ul{line-height: 1.6em;}
#article strong{font-weight: bold; font-size: 12px; color: #222; line-height: 1.7em;}
#article ul{padding: 0 3%;}
#article ul li{padding: 1% 0;}
code{font-family: "Bitstream Vera Sans Mono", "Lucida Console", monospace; margin-bottom: 1%; border: 1px dashed #276CCD;
display: block; margin-right: 185px; background-color: #f0f0f0; padding: 0.4%}
#article img{display: block; text-align: center; margin: 2% auto;}

#coll{float: right; width: 26%; clear: both; padding-top: 0px;}
#coll h2 a{text-decoration: none;}
#coll a:hover{text-decoration: underline;}
#coll h2{margin: 0 0 7px 0;}
#coll ul{padding-left: 17px; margin: 0; padding-bottom: 0; color: #777;}
#coll li{padding-bottom: 1px; margin-bottom: 5px;}
#coll li a{line-height: 1.3em; font-size: 11px; text-decoration: none;}
#coll p, #coll ul{margin-top: 1%;}
.fil{list-style-type: decimal !important; font-family: "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Lucida Console", monospace; font-size: 10px;
line-height: 1.4em; padding-left: 23px !important; margin: 0 0 16px 0 !important; color: #000 !important;}
.fil a{font-size: 10px !important;}


#page{width: 71%;}
#page form{background-color: #F0F0F0; border: 1px solid #ccc; margin: 0 0 14px 0; line-height: 21px; padding: 0; position: relative; }
#page form fieldset{border: 0; border-top: 1px solid white; border-left: 1px solid white; margin: 0; padding: 1%;}
#page form fieldset div.sb{float: right; margin-top: -20px;  padding: 0; border: 0;}
#page #form_email div{font-size: 10px; line-height: 13px; margin: 5px 0;}
#foot{position: relative; top: 3px;}
#page form hr{margin: 0.5% 0 0.2% 0; padding: 0;}

#form_analyse{border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid white; border-bottom: 1px solid white; /*background-color: #F6F6F6;*/ padding: 1.5%; clear: left;}
#form_capture p, #form_analyse p{}

.warning, .error{background-image: url("w.png"); background-repeat: no-repeat; padding: 0 0 0 23px !important; margin: 0 0 14px 0;}
.error{font-weight: bold; color: red;}
.annonce{padding: 0; margin: 0 0 14px 0; text-align: right;}
.annonce strong{font-weight: bold;}

#pnews{margin-right: 185px;}
#pnews div p{margin-bottom: 0px;}
#pnews div div{height: 17px; color: #222; border-bottom: 1px dotted #ccc; margin-bottom: 15px; text-align: right;}
#pnews div div span{font-size: 10px; opacity: 0.6; filter : alpha(opacity=60);}
#pnews div:hover div span{opacity: 1; filter : alpha(opacity=100);}


#add{clear: left;}

#contact{border: 1px solid #cccccc; font-family: verdana; padding: 5px; background-color: #F0F0F0;}
#contact textarea{width: 70%; height: 220px;}

h2.ok, h2.error{border: 1px solid #cccccc; background-color: #f0f0f0; font-size: 11px; padding: 5px; margin: 10px 0; font-weight: bold;
background-color: white;}
h2.error{border: 1px solid red;}

#captures div{clear: left; margin-bottom: 0; height: 126px; line-height: 19px; font-size: 10px;
font-family: "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Lucida Console", verdana, sans-serif; border-top: 1px solid #cccccc;}
#captures div strong{font-weight: normal;}
#captures div em{font-weight: normal; color: #076C00; font-style: normal;}
#captures div img, .capt .error{float: left; padding: 1% 0;}
#captures div ul{padding: 1% 1.2% 1.2% 1.2%; margin: 0; text-align: right; list-style-type: none;}

.menu_nav{text-align: right; font-size: 12px; font-weight: normal; /*background-image: url(menu_nav.png); background-position: center right; background-repeat: no-repeat; */ text-align: right; color: #777;}
.menu_nav span{padding: 2px 3px; border: 1px solid #aaa; background-color: #fff;}
.menu_nav span span{font-size: 14px; border: 0; padding: 0; background-color: transparent; font-family: sans-serif;}
.menu_nav .inactiv{color: #aaa; cursor: default;}
.menu_nav .activ{color: #098A00; cursor: pointer;}


.capture_info{vertical-align: top; padding: 0 4px 0 0; font-size: 10px; border: 0px solid red; text-align: center;}

.vterm{width: 650px; background-color: black; border: 1px solid #222; padding: 0px; text-align: left;}
.vterm pre{background-color: black; padding: 3px; margin: 0; display: table; width: 100%;}
.vterm pre span{background-color: #000; color: #B2B2B2; font-size: 11px;
font-family: clean, "Bitstream Vera Sans Mono", "Courier New", monospace;;}

#c{border-top: 1px solid #aaa; clear: both; margin-top: 2%; padding: 0.6%; text-align: center; color: #222; font-size: 11px;}
#c a{color: #098A00;}




#dymenu{margin: 14px 0 0 0; padding: 0; font-size: 11px; position: relative; right: -1px; height: 30px; z-index: 1;}
#dymenu li{list-style-type: none; float: left; padding: 0; margin: 8px 0 0 0; padding: 0 0 0 0; border-top: 1px solid #aaa; border-left: 1px solid #eee;}

#dymenu li span{text-decoration: none; color: #000; cursor: pointer; background-color: #ddd; border-top: 1px solid #eee; border-right: 1px solid #aaa; padding: 2px 16px 4px 16px; display: block; height: 15px;}

#dymenu .sel{margin: 0px; padding: 0; border-top: 1px solid #aaa; border-right: 1px solid #aaa; border-left: 1px solid #aaa; margin-left: -1px; background-color: white; line-height: 28px; position: relative;  top: 1px;}

#dymenu .sel span{border: 0; border-color: #aaa; color: #009D00; background-color: #fff; padding: 0px 22px 0px 22px; font-weight: bold; cursor: default; background-color: white; height: 30px;}
#dymenu li:first-child{border-left: 1px solid #aaa;}

#pages{clear: both; padding: 1% 1%; border-left: 1px solid #aaa; margin-top: 1px; margin-bottom: 3%; font-size: 11px; position: relative; border-top: 1px solid #aaa; z-index: 0;}
#pages .page{display: none; position: relative;}
#pages .page:first-child{display: block;}

table#analyse, table#http{font-size: 11px; border-spacing: 0px; border-left: 1px solid #ddd; width: 100%; border-bottom: 1px solid #ccc; position: relative; border-collapse: collapse;}
table#analyse thead, table#http thead{font-size: 9px; background-color: #eee; color: #222;}
table#analyse thead td, table#http thead td{border-left: 1px solid #f3f3f3; border-right: 1px solid #bbb;}
table#analyse tbody, table#http tbody{ position: relative;}
table#analyse td, table#http td{padding: 2px 3px; border-right: 1px dotted #ccc; overflow: auto; border-bottom: 1px solid #ddd; position: relative;}
table#analyse td.dtag, table#http td.dtag{color: #888; font-size: 10px;}
table#analyse td.dtag span, table#http td.dtag span{color: #444;}
table#analyse td.dtag em, table#http td.dtag em{font-size: 8px; font-style: normal; color: #999; margin: 0 0 0 2px; position: relative; top: -4px}

table#analyse .info, table#http .info{display: none;}
table#analyse .info div, table#http .info div{margin-left: 11px;}
table#analyse .info p, table#http .info p{ text-align: left; font-family: "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Lucida Console", monospace; line-height: 12px; background-color: #f0f0f0; margin: 2px; margin-left: 6px; padding: 3px; border-left: 1px solid #ccc; display: none; width: 580px; overflow: auto;}
table#analyse .info span, table#http .info span{border: 0; color: #098A00; cursor: pointer;}

table#analyse .display_http_info, table#http .display_http_info{color: #098A00; cursor: pointer; font-weight: bold; width: 15px; text-align: center;}
table#http{position: relative; width: 640px;}
table#http td span{border-bottom: 1px dotted #333;}

.coll_img{width: 260px; font-size: 11px; margin-top: 5px; padding-top: 6px; text-align: center; float: left;}
.coll_img h2 a{color: #0000e0; font-size: 14px;}
.coll_img img.cap{width: 250px; cursor: pointer; margin-bottom: 5px;}
.coll_img .add{display: none; padding-bottom: 4px;}

.zoom{background-color: #ddd; position: absolute; vertical-align: top; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; padding-top: 0.5%; }
.zoom table{margin: 0; padding: 0; margin-top: 0px; margin-right: 15px; margin-left: 15px;}
.zoom td{margin: 0; padding: 0;  vertical-align: top;}
.zoom .add{padding-right: 15px;}
.zoom img.cap{width: auto;}

.coll_info{padding-top: 8px; margin-left: 273px; font-size: 11px;}
.coll_info li{ list-style-type: square;}

.h_faq{clear: both; padding-top: 22px;}

/*table tbody{overflow: -moz-scrollbars-vertical; height: 470px;}*/

/*.elem{margin-bottom: 15px;}
.elem div{margin-bottom: -9px;}
h2{font-size: 10px; border: 1px solid #ccc; color: #276CCD; padding: 2px; margin: 0 0 0 10px;
				 width: 200px; background-color: white; display: inline;}

.elem p, .elem table, .elem ul, .elem pre{border: 1px solid #ccc; padding: 8px 3px 3px 3px; margin: 7px 0; }
.elem pre{overflow: auto;}

.elem ul{list-style-type: circle;}
.elem ul li{margin-left: 16px; margin-bottom: 3px;}*/

#infob{display: none; color: black; border: 1px solid #000; padding: 3px; z-index: 2; width: 220px; font-size: 10px;
background-color: #f0f0f0; position: absolute !important;}

.cache{color: #888;}