/* ------------------------------------------------------------------
 * CSS for  www.egologie.net
 * version  3.0 - august 2005
 * Author   Thierry Dulieu <mailto:contact@egologie.net>
 *
 * You can use any part of this stylesheet but YOU ARE NOT ALLOWED TO
 * USE IMAGES, which are the exclusive property of the author. Thanks
 * for respecting other's work.
 *
 * Vous pouvez utiliser toute partie de cette feuille de style, mais
 * VOUS N'ETES PAS AUTORISE A UTILISER LES IMAGES, qui sont la
 * propriete exclusive de l'auteur. Merci de respecter le travail des
 * autres.
 * ------------------------------------------------------------------
 */

/* ------------------------------------
 * GENERAL PROPERTIES
 * ------------------------------------
 */
html {
	font-size: 16px;
}
body  {
	font: 62.5%/1.75em "Lucida Sans", "Trebuchet MS", Helvetica, sans-serif;
	color: #666;
	background: #fcfcfc;
}
p, td, dt, dd, li, input, textarea {
	font-size: inherit;
	font-family: "Lucida Sans", "Trebuchet MS", Helvetica, sans-serif;
}
body * {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
}
a:link, a:visited {
	color: #dd6600;
}
a:hover {
	text-decoration: underline;
	color: #158DAF;
}
a.arrow-link {
	padding-left: 10px;
	background: url(img/link.png) no-repeat 0 50%;
}
a.arrow-link:hover {
	background: url(img/link_over.png) no-repeat 0 50%;
}
.hidden {
	display: none;
}
h2 {
	font-size: 1.5em;
	color: #dd6600;
}
h3 {
	font-size: 1.2em;
	font-weight: normal;
	color: black;
}
h4 {
	font-size: 1.1em;
	color: black;
	font-weight: normal;
}
h5 {
	display: inline;
	font-size: 1em;
}
ul.no-bullet {
	list-style-type: none;
}
.navigation {
	padding-bottom: 2em;
}
.highlight0 {
	background-color: #ff0;
}
.highlight1 {
	background-color: #9ff;
}
.highlight2 {
	background-color: #f9f;
}
.highlight3 {
	background-color: #f99;
}
.highlight4 {
	background-color: #99f;
}

/* ------------------------------------
 * LAYOUT
 * ------------------------------------
 */
body {
	margin: 0 10% 2em;
	padding: 0;
	text-align: center;
	max-width: 1000px;
}
div#container {
	float: right;
	margin: 20px 0 0 -290px;
	width: 100%;
	text-align: left;
}
div#content {
	margin: 4em 0 2em 290px;
	min-width: 300px;
}
div#sidebar {
	float: left;
	margin-bottom: 2em;
	padding-top: 280px;
	width: 280px;
	font-size: 1.1em;
	text-align: right;
	background: url(../img/title_icon.jpg) no-repeat 50% 20px;
}
div#footer {
	clear: both;
	width: 100%;
	padding-top: 2px;
	color: #999;
	border-top: 1px solid #d8d8d8;
}

/* ------------------------------------
 * PAGE TITLE
 * ------------------------------------
 */
h1 {
	position: absolute;
	top: 41px;
	left: 111px;
	width: 265px;
	height: 43px;
}
h1 a, h1 a:hover {

	width: 256px;
	height: 70px;
	text-indent: -9000px;
	text-decoration: none;
	color: #d8d8d8;
}

/* ------------------------------------
 * SIDEBAR
 * ------------------------------------
 */
.pointille
        {
        height:1px;
        color:#ffffff;
        border:0px;
        border-bottom:1px #3C8116 dashed;
        }

div#sidebar h3 {
	margin-top: 1em;
	padding: 4px 0;
	color: black;
	/*border-top: 1px solid #333;*/
}
div#sidebar blockquote {
	padding: 0;
	margin-bottom: 2em;
	font-size: 0.9em;
	text-align: justify;
	color: #999;
	background: transparent;
}
blockquote span.author {
	display: block;
	text-align: right;
}
ul#main-menu {
	margin-bottom: 3em;
	text-align: right;
	list-style-type: none;
	border-top: 2px solid #f68b1f;
}
ul#main-menu li {
	line-height: 200%;
	border-bottom: 2px solid #f68b1f;
}
ul#main-menu a {
	display: block;
	letter-spacing: 0.05em;
	color: #FFF;
}
ul#main-menu a:hover,
ul#main-menu li.select {
	text-decoration: none;
	color: #000;
	background: #CCC;
}
ul.sidebar-list {
	padding-top: 3px;
	list-style-type: none;
	border-top: 1px solid #d8d8d8;
}
ul.sidebar-list li {
	clear: both;
	padding-left: 3em;
	text-indent: -3em;
	line-height: 150%;
	color: #999;
}
ul.sidebar-list span.list-item span {
	font-size: 0.9em;
	color: #999;
}

ul.sidebar-list span.list-item:hover span {
	color: #666;
}

/* ------------------------------------
 * POST CONTENTS
 * ------------------------------------
 */
div.post {
}
h2 {
	clear: both;
	margin-bottom: 0.5em;
	line-height: 200%;
	border-bottom: 2px solid #d8d8d8;
}
h2 a {
	padding-left: 18px;
	background: url(img/title_icon.png) no-repeat 0 50%;
}
h2 a:hover {
	background: url(img/title_over_icon.png) no-repeat 0 50%;
}
.post p {
	font-size: 1.1em;
	text-align: justify;
	padding-bottom: 0.5em;
}
strong {
	color: #000;
	font-weight: normal;
}
.post h3 {
	padding: 1em 0 0.5em;
	font-size: 1.4em;
}
.post ul {
	padding: 0 0 0.5em 2em;
}
.post ol.notes {
	margin-top: 1em;
	padding: 1em 0 0 2em;
	font-size: 1em;
	list-style-type: decimal;
	background: url(img/footnotes.png) no-repeat 0 0;
}
.post ol.notes li {
	font-size: 1em;
	text-align: justify;
	padding-bottom: 0.5em;
}
.post ol.notes ul {
	list-style-type: none;
	padding-left: 0;
}
.post ol.notes li li {
	padding-bottom: 0;
}
div.post p.post-meta {
	clear: both;
	margin-bottom: 3em;
	font-size: 1em;
	text-align: right;
	color: #999;
}

/* ------------------------------------
 * COMMENTS
 * ------------------------------------
 */
ul.comment-list {
	margin-top: 2em;
	list-style-type: none;
}
ul.comment-list li {
	margin-bottom: 2em;
}
h4.comment-meta {
	margin-bottom: 0.5em;
	font-weight: normal;
	color: #999;
	line-height: 260%;
	border-top: 1px solid #333;
	border-bottom: 1px solid #d8d8d8;
}
h4.comment-meta span.comment-author {
	font-weight: bold;
}

/* ------------------------------------
 * FOOTER
 * ------------------------------------
 */
div#footer span.link-group {
	padding: 0 0.5em;
}

/* ------------------------------------
 * GENERAL FORM PROPERTIES
 * ------------------------------------
 */
form p {
	line-height: 1em;
}
form p.hints {
	font-size: 1em;
	line-height: 175%;
	padding-top: 0.5em;
	text-align: justify;
}
label {
	display: block;
	padding: 0.7em 0 0.3em;
	font-size: 1.1em;
	color: #666;
}
label .hint {
	color: #999}
input.submit {
	color: #999;
	border: 1px solid #d8d8d8;
	background: url(img/button.png) repeat-x 0 50%;
}
input, textarea {
	font-size: 1.1em;
	color: #999;
}
input.text-field {
	width: 49%;
}
textarea {
	width: 98%;
}
input.submit:hover {
	cursor: pointer;
	color: #666;
	background: url(img/button.png) repeat-x 100% 50%;
}
input[type=text], textarea {
	padding: 2px;
	color: #999;
	border: 1px solid #d8d8d8;
}
input[type=text]:hover, textarea:hover,
input[type=text]:focus, textarea:focus {
	color: #666;
	border: 1px solid #333;
}

/* ------------------------------------
 * SEARCH FORM
 * ------------------------------------
 */
form#search {
	margin-bottom: 2em;
	width: 250px;
}
form#search p {
	line-height: 1em;
}
form#search label {
	display: none;
}
form#search input {
	padding: 2px;
	font-size: 1em;
}
input#q {
	margin: 0;
	width: 210px;
}
input#submit-search {
	width: 30px;
}
	
/* ------------------------------------
 * COMMENT AND CONTACT FORMS
 * ------------------------------------
 */
form#comment-form p, form#contact-form p {
	margin-top: 1em;
}
p.buttons {
	margin-top: 1em;
	height: 24px;
}
p.buttons input {
	padding: 2px 7px;
}

/* ------------------------------------
 * TABLE OF CONTENTS
 * ------------------------------------
 */
h3.toc-div-title {
	margin: 3em 0 0;
	padding: 4px 0;
	border-top: 1px solid #333;
	border-bottom: 1px solid #d8d8d8;
}
h3.toc-group {
	font-size: 1.2em;
	padding: 1em 0 0;
}
div.toc ul {
	list-style-type: none;
}
div.toc li {
	font-size: 1em;
	padding-left: 2em;
	color: #999;
}
div.toc li a {
	font-size: 1.1em;
}
div.toc div.chapo p {
	font-size: 1.1em;
	padding-bottom: 0;
	color: #666;
}

/* ------------------------------------
 * BLOGROLL
 * ------------------------------------
 */
div.blogroll h3 {
	margin: 1em 0 0.5em;
}
div.blogroll ul {
	list-style-type: none;
}
div.blogroll li {
	font-size: 1.1em;
	line-height: 1.5em;
}
div.blogroll a {
	padding-left: 10px;
	background: url(img/link.png) no-repeat 0 50%;
}
div.blogroll a:hover {
	background: url(img/link_over.png) no-repeat 0 50%;
}

/* ------------------------------------
 * PAGE FOOTER
 * ------------------------------------
 */
p.blog-meta {
	text-align: center;
}

/* ------------------------------------
 * TYPOGRAPHY
 * ------------------------------------
 */	
img.align-left {
	float: left;
	padding: 5px 0.5em 0 0;
}
img.align-right {
	float: right;
	padding: 5px 0 0 0.5em;
}
img.centered {
	display: block;
	clear: both;
	margin: 0 auto;
}
a img {
	border: none;
}
img.smiley {
	margin-bottom: -3px;
}
pre, code, .pre2ol {
	font: 1em/1em "courier new", courier, monospace;
}
code {
	color: #158DAF;
}
pre {
	padding: 0;
	width: 100%;
	height: auto;
}
ol.pre2ol {
	padding: 0.5em 0 0.5em 2em;
	list-style-type: decimal;
}
ol.pre2ol li {
	background: #DDEDF2;
	margin-bottom: 2px;
}
ol.pre2ol span {
	padding-left: 0.2em;
	color: #666;
}
ol.pre2ol span.cmnt {
	color: #996678;
}
abbr, acronym {
	border-bottom: 1px dashed #999;
	cursor: help;
}
blockquote {
	margin-bottom: 0.5em;
	padding: 5px 5px 0 35px;
		background-color: #f8f8f8;
}
blockquote p {
	text-indent: 0;
}
q {
	font-style: italic;
	padding-left: 0;
}
ul.typo {
	padding: 0 0 0.5em 2em;
	list-style-type: none;
}
ul.typo li {
	margin: 0;
	line-height: 1.8em;
	padding-bottom: 0.5em;
	text-indent: -1em;
	text-align: justify;
}
ul.typo li:before {
	content: "\2013\2002";
}
dt {
	color: black;
}
div.msg p, div.error p {
	font-size: 1.1em;
	text-align: center;
}
div.error p, div.error li {
	color: #c00;
}
div.error ul {
	list-style-type: none;
}
div.error li {
	text-align: center;
	font-size: 1.1em;
}
div.msg p {
	color: #333;
}