* {
margin: 0;
padding: 0;
}


body {
font: 12px Verdana, Arial, sans-serif;
background: #fff url(backi.jpg) repeat-x top;
color: #111;
margin: 0;
padding: 0;
line-height: 1.5em;
}

img { border: none }
ul {  padding: 0; margin: 0;}
li { list-style-type: none;}

a {
color: #024294;
background-color: transparent;
text-decoration: none;
}
a:hover { color: #000; }

#wrap {
margin: 0 auto;
width: 770px;
}

#header {
background: transparent;
height: 85px;
background-repeat: no-repeat;
background-position: top left;
}
#inhead {
	margin-top: 15px;
}
#banner {position: absolute; top: 12px; right: 15px; }
#header h1 {
color: #fff;
font-size: 150%;
padding-top: 10px;
margin: 0;
font-weight: 100;
margin-left: 75px;
}
#header h1 a { font-weight: 100; text-decoration: none; color : #fff; }
#header h2 {
color: #eee;
font-size: 120%;
margin: 0;
font-weight: 100;
margin-left: 85px;
}
#logoimg {
	position: absolute;
    top: 15px;
}

#breadcrumbs {
background : #eee;
padding: 2px 5px 2px 5px;
font-size: 11px;
}

#right {
float: right;
width: 530px;
background: #fff;
border-top: 1px solid #CFCFCF;
padding: 10px;
margin-top: 10px;
}
#right h2 { font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal; font-size: 20px; margin: 5px 0 5px 0; }
#right h2 a{ text-decoration: none; }

#left {
width: 190px;
background: #fff;
border-top: 1px solid #CFCFCF;
margin-top: 10px;
padding: 10px;
}
#left h2 { font-size: 100%; margin: 10px 0 5px 5px; }
#left ul { padding-left: 10px; }

#footer { font-size: 11px; padding: 5px; border-top: 1px solid #a0a0a0; margin-top: 5px; text-align: center;}

#clear { clear: both;  }


/*
body {
	margin: 0px;
	font-family: Tahoma;
	font-size: 10pt;
	background: #dcdcdc;
}
*/
#main {
	width: 600px;
	text-align: left;
	margin: 0px auto;
	position: relative;
}
/*
a {
	color: #191970;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
 */
input, textarea {
	width: 95%;
	border: 1px solid gray;
	margin: 5px;
	padding: 5px;
}
/*code {
	background: #ccc;
	color: blue;
}
*/
#chk {
	width: 15px;
	border: none;
}
/*
h1, h2, h3 {
	font-family: Georgia, serif;
	font-weight: normal;
	margin: 0px;
}
*/
sup {
	padding: 5px;
}
sup a {
	padding: 5px;
	color: #fff;
	background: gray;
}
sup a:hover {
	background: #000;
	text-decoration: none;
}
#de {
	float: right;
}
#ed {
	float: left;
}
.search {
 color: red;
 font-weight: bold;
}
.head {
	background: gray;
	padding: 5px;
	color: #fff;
}
.head h1 {
	margin: 10px;
	font-size: 5em;
}
.head  a {
	color: #fff;
}
.head form {
	margin: 0px;
	padding: 0px;
}
.head input {
	background: gray;
	color: #fff;
	border-top: 1px solid #696969;
}
ul#menu {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
ul#menu li {
	display: inline;
}
ul#menu li a {
	padding: 8px;
	color: #fff;
	background: #696969;
}
ul#menu li a:hover {
/*	color: orange; */
	background: #000;
	text-decoration: none;
}
.lastcmt {
	top: 5px;
	right: 5px;
	color: #ccc;
	font-size: 10px;
	position: absolute;
}
#navi {
	font-size: 10px;
	color: gray;
}
#navi a {
	color: gray;
}
#navi .prev {
	float: right;
}
#navi .next {
	float: left;
}
.post {
	margin-top: 10px;
	padding: 5px;
}
#post p {
	margin:15px 0;
	text-indent:25px;
	text-align:justify;
}
.post div {
	padding: 3px;
}
.pglist {
	margin: 5px;
}
h2 {
	font-size: 2.2em;
	margin-bottom: 15px;
}
.docdate {
	color: gray;
	text-align: right;
	margin-bottom: 0px;
}

/* snx for Google */
.b1, .b2, .b3, .b4, .u1, .u2, .u3, .u4 {font-size:1px; overflow:hidden; display:block;}
.b1, .u1 {height:1px; margin:0 5px;}
.b2, .u2 {height:1px; margin:0 3px;}
.b3, .u3 {height:1px; margin:0 2px;}
.b4, .u4 {height:2px; margin:0 1px;}
.b1, .b2, .b3, .b4 {background:#fff;}
.u1, .u2, .u3, .u4 {background:gray;}
.content {background: #fff; padding: 10px;}

.cmt {
	margin-top: 20px;
	color: #696969;
}
.cmtext {
	height: 200px;
}
#cmtform {
	width: 75%;
	margin: 0px auto;
	position: relative;
}
#ava {
	float:left;
	margin-left: -40px;
	margin-top: -10px;
}
.paging {
	margin: 10px;
}
.paging a {
	padding: 5px;
}
.paging a:hover {
/*	background-color: #ff8000; */
  background-color: #024294;
	color: #fff;
	text-decoration: none;
}
.paging strong {
	padding: 5px;
	background-color: #024294;
	color: #fff;
}
.foot {
	padding: 5px;
	text-align: center;
	color: #eee;
	background-color: gray;
}
.foot a {
	background-color: gray;
	color: #fff;
	padding: 5px;
}
.foot a:hover, a:hover#de {
	background-color: red;
}


code, pre {
	font-family: "Courier New",monospace;
	font-size: 1.3em;
/*	background: #f7f7f7; */
  margin-bottom: 5px;
	padding-left: 14px;
	color: blue;
    }
pre {
  font-family: "Courier New",monospace;
	margin: 0 auto;
	margin-bottom: 1em;
	padding: 0.5em;
	text-align: left;
/*	white-space: normal; */
	/* cachГ© pour IE 5 Mac qui sait pas faire \*/
	white-space: pre;
/* width: 90%;  */
  width: 450px;
 /* height: auto; */
	overflow: auto;
	font-size: 1.0em;
	background: #f7f7f7;
  margin-bottom: 5px;
	padding-left: 14px;
 /* background: url(articlebg.gif) top left repeat-y; */
 /* border-left: 3px dotted #337FC6; */
	/* End hack */
}
blockquote {
/*	margin: 15px 40px 15px 20px; */
  margin: 15px 15px 15px 15px;
	padding: 10px 10px 10px 10px;
	border-left: 1px dotted #cccccc;
	border-right: 1px dotted #cccccc;
	border-top: 1px dotted #cccccc;
	border-bottom: 1px dotted #cccccc;
	text-align: justify;
/*	background: #efefef; */
	margin-bottom: 20px;
  padding-left: 14px;
  background: #eee;
}