:root {
	overflow-y:scroll;
}

body {
	-ms-overflow-y:scroll;
	font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000;
	background-color: #2a425a;
	margin: 3px 0 0 0;
	padding: 0;
	border: 0;
}

table {
	background-color: #fff;
}
div#jschk{
	font-size:12px;
	border:1px red solid;
	padding:5px;
	color:red; 
}

acronym {
	cursor:help;
}

/* layout */
#container {
	font-size: 16px;
	width: 912px;
	margin: 0 auto;
	padding: 0;
	border:0;
	display: block;
}
#masthead {
	font-size: 16px;
	width: 912px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	color: inherit;
	background: inherit;
	background-image: url(images/ot1bg.jpg);
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px solid #f2f2f2;
	background-repeat: repeat;
}
#page_content {
	font-size: 16px;
	width: 912px;
	margin: 0;
	padding: 0;
	border: 0;
	overflow: auto;
	color: inherit;
	background-color: #fff;
	min-height: 650px;
}
#sidebar {
	font-size: 20px;
	float: left;
	width: 200px;
	color: inherit;
	background-color: #fff;
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
	clip: auto;
}
#txt_content {
	font-size: 16px;
	float:right;
	width: 712px;
	margin: 0;
	padding: 0;
	border: 0;
	color:inherit;
	background-color: #fff;
	overflow:hidden;
}

#content {
	font-size: 16px;
	float:left;
	width: 550px;
	margin: 0;
	padding: 16px;
	border: 0;
	color:inherit;
	background-color: #fff;
	overflow:hidden;
}
#pubL {
	margin-top:32px;
	overflow:hidden;
}
#pub {
	/*font-size: 16px;*/
	margin:32px 0; 
	width: 130px;
	float:right;
	overflow:hidden;
}
#footer {
	font-size: 16px;
	text-align: center;
	clear: both;
	width: 912px;
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
	color:inherit;
	background-color: #3069dd;
}

/* en-tete */
#masthead img {
	font-size: 16px;
	margin: 8px 16px;
	float: left;
	width: 148px;
	height: 100px;
}
#masthead h1{
	font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #009;
	background: transparent;
	font-weight: bold;
	text-align: center;
	margin: 4px 0 0 0;
	float: right;
	width: 700px;
}
#masthead h1.sub
{
	font-size: 19px;
	color: #009;
	background: transparent;
	font-weight: bold;
	margin: 4px 0;
	width: 700px;
}

/* Styles for Navigation */
#sidebar ul {
	list-style-type: none;
	width: 160px;
	display: block;
	margin: 0;
	padding: 0;
}
#sidebar li {
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #44f;
	background:inherit;
	display: block;
	margin: 5px;
	padding: 0;
	border: 1px solid #c5dbec;
	border-radius: 6px;
	
}
#sidebar li.on {
	color: #fff;
	border: 1px solid #4297d7;
	background: #5c9ccc url(../images/bg_nav.png) repeat-x 50% 50%;
}
#sidebar li.pad {
	padding: 8px;
}
#sidebar p.flag {
	padding: 8px;
	display: block;
	margin:0;
	border-bottom: 1px solid #d3d3d3;
}
#sidebar img {
	border: 0;
}
#sidebar img.lflag{
	font-size: 16px;
	width:24px;
	height:18px;
	padding: 1px 64px 1px 4px;	
}
#sidebar img.rflag{
	font-size: 15px;
	width:20px;
	height:15px;
	padding: 0px 4x;	
}
#sidebar a {
	display: block;
	text-decoration: none;
	color: #118;
	background:inherit;
	padding: 8px 0 8px 8px;
}
#sidebar a:hover {
	text-decoration: none;
	color: #44f;
	background-color: #c5dbec;
}
#sidebar a.flag {
	text-decoration: none;
	display: inline;
	line-height:16px;
	padding: 0 6px;
	background-color: transparent;
	border: 1px solid #c5dbec;
	border-radius: 3px;
}
#sidebar a.flag:hover {
	background-color: #c5dbec;
}


/* content */
#content .centered {
	text-align: center;
}

#content h2 {
	font-size: 22px;
	font-weight: bold;
	margin: 16px 0 0 0;
	padding:0;
}

#content h3 {
	font-size: 17px;
	font-weight: bold;
	margin: 16px 0 0px 0;
	padding:0;
}

#content h3.hdlight {
	color: #009;
	background:inherit;
	margin: 16px 0 0px 0;
	text-align: center;
	padding:0;
}

#content h4 {
	font-size: 18px;
	font-weight: bold;
	padding:0;
	margin: 6px 0 0px 0;
	padding:0;
}
#content span.ord{
	font-size:12px;
	font-weight:bold;
}

#content h4.feat {
	color: #009;
	background:inherit;
	margin: 12px 0 0px 0;
	text-align: left;
}
#content h5 {
	font-size: 14px;
	margin: 12px 0 0px 0;
	text-align: left;
}

#content ul {
	list-style-type: square;
	margin: 0 0 3px 0;
	padding:0;
}

#content li {
	font-size: 12px;
	margin: 3px 8px;
	text-align: left;
}

#content p {
	font-size: 14px;
	text-align: left;
	margin: 6px 0 6px 0;
	padding:0;
}

#content a {
	text-decoration: none;
	color: #3069dd;
	background: inherit;
}

#content address{
	font-weight:bold;
	font-size: 13px;
	padding-left: 32px;
}

#content p.feat {
	font-size: 14px;
	margin: 1px 16px;
}

#content li.feat {
	font-size: 14px;
	font-weight: normal;
	margin: 1px 16px;
	text-align: left;
}

#content li.featnote {
	font-size: 12px;
	font-weight: normal;
	font-style:italic;
	text-align: left;
	margin-left: 20px;
}

#content span.feat {
	font-size: 11px;
	font-weight: normal;
	padding-left: 20px;
}

#content p.home {
	font-size: 15px;
	margin: 32px 0;
}
#content span.big {
	font-size: 24px;
	color: #009;
}

#content #divInfo { /* Screen shot */
	font-size: 11px;
	padding: 3px;
}

#content span.date {
	font-size: 11px;
}

#content .bgb {
	color:inherit;
	background: #f2f2f2;
}
#content ol.tuto { 
	padding: 0;
	margin: 8px 32px 0 32px;
}
#content p.faq {
	padding:0;
	margin: 5px 0px;
}

/* php forms */
div#ppPro {
	width:196px;
}
div.ppbtn {
	width: 175px;
	height:60px;
	margin:0;
	padding: 5px 2px;
	background: #fff url(../images/pp.png) no-repeat 50% 10%;
	border: 1px #999 solid;
	border-radius: 3px;	
}
input.inp0{
	font-style:italic;
	color:gray;
	width:224px;
}
input.inp{
	font-style:normal;
	color:black;
	width:224px;
}

/* Styles for Footer */
#footer p {
	font-size: 11px;
	color: #fff;
	background:inherit;
	margin: 3px;
	padding: 3px;
}
#footer a {
	color: #fff;
	background:inherit;
	text-decoration: underline;
}
#footer a:hover {
	color: #fff;
	background:inherit;
	text-decoration: none;
}

/* order */
#content div.price {
	font-size: 12px;
	text-align:right;
}
#content span#currency {
	cursor:pointer;
	color:blue;
}

#content p.eula {
	margin: 0;
	font-size: 13px;
	font-weight: normal;
	padding:0 0px 4px 0px;
}
#content a.eula{
	font-size:11px;
}

#content form {
	font-size: 13px;
}

#content div#otresp{
margin:0;
padding:0 0;
text-align:left;
}

#content div.otok {
color:green;
background: #eee url(../images/ok.png) no-repeat 0 50%;
border: 1px green solid;
border-radius: 6px;
}

#content div.oterr {
font-weight:bold;
color:red;
background: #ff9 url(../images/error.png) no-repeat 0 50%;
border: 1px red solid;
border-radius: 6px;
}

#otresp p {
padding: 4px 20px;
}


