body { background:#b3b3b3; font-family:'Lucida Grande',Arial,sans-serif; font-size:12px; line-height:18px; color:#444;}
a { color:#a87667; text-decoration:none;}
a.wiki { color:inherit; border-bottom:1px dotted #288;}
#content a:hover { border-bottom:1px solid #9cf;}
#page { text-align:left; border:1px solid red;}
#header { margin:25px auto 0 auto; background:url('/fr/image27.png') no-repeat top left; width:813px; height:142px; position:relative;}

#header .logo { position:absolute; display:block; width:300px; height:145px;}

#top { position:absolute; right:14px; top:110px; }
#top li { float:left; margin-left:10px;}
#top li a { color:#888; font-size:12px;}
#top input { width:120px; text-align:center; border:1px solid #666; padding:2px; background:#ddd; color:black; }

#menu { position:absolute; right:10px; top:112px; }
#menu li { float:left; margin:0 15px; font-size:14px; padding-top:50px;}
#menu a { color:#bb6c52;}
#menu a:hover {  border-bottom:1px solid #a87667;}
#menu li.on { color:black;}
#menu .on a, #context a { color:inherit;}

#container { margin:auto; background: white url('/fr/image25.png') repeat-y; width:753px; min-height:400px; padding:99px 30px 60px 30px;}

#title { margin:0 0 58px 180px; position:relative;}
#title .zazen { position:absolute;}
#title .zazen p { margin-top:1em;}
#title .zazen p:first-child {margin:0;}
#title p, .img_title p, #title .zazen { margin:0; font-style:italic; color:black; font-family:Georgia,serif;}
#title h1 { margin-bottom:0; margin-bottom:0;}

table.wrapper { margin-top:8px; width:100%;}
table.wrapper td {vertical-align:top;}

#context { width:180px; border-right:1px solid #ccc; }
#context h2 { margin:0 0 18px 0;}
#context h2 a { color:#6b5650; }

#context form li { border:0; padding:3px;}
#context .btn_x { float:right;}
li.validate input { width:auto; }
li.validate { text-align:right;}
#context .wrapper input {margin-bottom:6px; border-color:#555; margin-left:10px; width:135px;}

#content { padding-right:10px; padding-left:18px;}
#main { width:580px;}

p,h1,h2,h3 { margin:18px 0; }
h1,h2,h3 { font-family:Georgia,Serif; color:black;}
h1 { font-size:27px; margin-bottom:36px; line-height:36px;}
h2 { font-size:20px; margin-top:54px; }
h3 { font-size:14px; margin-top:36px; }

#context h3 { margin:0 0 18px; color:#6b5650;}
.zazen img { border:1px solid #666;}
.zazen img.full { border:0;}
.zazen p img, .zazen li img { border:0;}
.img_title p { color:inherit;}
.img_with_title { margin-bottom:18px;}
.img_left { margin:0 9px 9px 0;}
.img_right { margin:0 0 9px 9px;}
img.logo, .zazen img.std, .zazen img.med {border:1px solid #666;}
strong { font-weight:bold;}
em { font-style:italic;}
.zazen ul, .zazen ol { display:table; padding-left:18px; }
.zazen ul li {list-style:disc;}
.zazen ol li {list-style:decimal;}
.zazen pre, .zdoc .examples { border:1px solid #555; font-family:Courier,monospace; padding:9px; background:#eee;color:#222;}
.zazen code { font-family:Courier,monospace; background:#eee; padding:0 2px;}

.docinfo { padding-left:9px; vertical-align:top; }
.doc_title { font-style:normal;}
.docs p { margin:0;}

#related { float:right; border-left:1px solid #ccc; padding:0 9px; margin:0 9px;}
#related h3 { margin:0; color:#555;}


#footer { margin:auto; background:url('/fr/image26.png') no-repeat; width:773px; height:50px; padding:10px 20px; font-size:9px; }
#footer a { color:#aaa;}

/* list */
.list img.pv { border:1px solid #333;}
.list li { clear:both;}
.list h3 { margin-top:0;}

/* dates */
form ol { border:1px dotted grey; padding:9px; background:#ddd;}
form li.title { clear:both;}
form li p { margin:0;}
.dates { margin:35px 0 0 10px; }
.dates li { border:1px solid #555; margin:0 9px 11px; width:130px; text-align:center;}
.dates p { margin:0; line-height:17px;}
.dates .summary p {margin-top:1em;}
.dates .summary p:first-child { margin-top:0;}
.dates .log_on { background:#bb6c52; color:black; border-bottom:1px solid #555;}
.dates .log_at { background:#ccc; color:black; border-bottom:1px solid #555;}
.dates .title, .dates .project { border-bottom:1px solid #555; color:#a87667;}
.dates .project { font-weight:bold; color:#62443B;}
.dates .summary { text-align:left; padding:3px; line-height:18px;}
.dates .btn_add { border:0;}
#context .dates .summary a { color:#a87667;}
.dates form li { margin:0; text-align:left; padding:3px; border:0;}
.dates form li input, .dates form li textarea, .dates form li select { width:80%;}
.dates form .title { border:0;}

/* search */
#search_results { width:500px; margin-left:150px; }
.result_entry { border-bottom:1px solid #999; margin:21px;}
.result_image img { float:left; margin:7px 14px; border:1px solid #555;}
.result_image img.node { border:0; margin:8px 14px;}
.result_path { color:#999; font-style:italic; font-size:12px;}
.result_entry p { margin:0;}

/* login */
#login_form { border:1px dotted grey; display:table; margin:auto; background:#eee;}
#login_form td { padding:9px; }

/* home */
#home #title { margin-left:0; margin-right:0; text-align:center;}
#home .dates > li { float:left; min-height:150px;}
#home .zazen { clear:both;}

/* blog */

.note { margin:72px 80px; border-bottom:2px solid #777;}
.post .note { border-bottom:none;}
.note .header div { display:inline;}
.note .log_at {float:right; font-size:14px; color:#555;}
.note .sign { text-align:right; font-style:italic;font-family:Georgia,serif; color:#aaa;}


.inline_form { margin:2px; padding:8px; border:1px dotted grey; background:#eee;}
.inline_form p, .inline_form .date_box { margin:3px;}
.inline_form select { width:8em; font:inherit;}
.note_form .node_v_title input { font-weight:bold; width:20em;}
.note_form .node_v_title input { font-weight:bold;}
.note_form p { display:inline;}
.note_form .date_box { float:none; display:inline;}
.note_form input { display:inline;}



#comments_add, #comments .form { margin-top:18px;}
#comments .form .btn_x { margin:0;}
#comments .form ol, #comments .btn_add a { visibility:visible; background:#eee; display:table; padding:9px 9px 8px; margin-top:18px; border:1px solid grey;}
#comments .btn_add img { float:left; margin-right:4px;}
#comments .form b { display:block; float:left; width:65px;}
#comments .form li { clear:both; margin-top:5px;}
#comments .form .title input, #comments .form .author input { width:360px;}
#comments .form textarea { width:360px; height:8em;}

.comment { padding:8px; border-bottom:1px solid #ccc;}
.alt { background:#eee;}
.comment .sign { color:#a22; font-size:18px; font-family:Georgia,serif;}
.comment .date { float:right; color:#a22;}
.comment .prop { border:1px solid #055; padding:5px; background:#cee; color:black; font-weight:bold;}

.captcha { padding: 5px 0 0 63px; height:135px;}