/* ***** BEGIN LICENSE BLOCK *****
 * This file is part of DotClear.
 * Copyright (c) 2004 Samuel Latchman and contributors. All rights
 * reserved.
 *
 * DotClear is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 * 
 * DotClear is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 * 
 * You should have received a copy of the GNU General Public License
 * along with DotClear; if not, write to the Free Software
 * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
 *
 * ***** END LICENSE BLOCK *****
 *
 * Contributor(s):
 *  Olivier Meunier
 * 	Philippe
 */

body{
	background: #ffffff url(images/bg.png) repeat-x top;
	margin:0em;
	padding:0em;
	font:90% Arial, sans-serif;
	voice-family: "\"}\"";
	voice-family:inherit;
	font-size:small;
}
html>body{
	font-size:small;
	margin:0em;
	padding:0em;
}
p {
	margin : 1em 0;
}
img {
	padding:0.2em;
	border : 1px solid #ccffcc;
}

form {
	display : block;
	margin : 0;
	padding : 0; }
h2,h3 {
	font-family:Arial, "Times New Roman", Times, serif
}
h1 {
	font-size : 2em;margin : 0;
	padding:0.2em 0em 0em 0.2em;
	font-family: Arial, "Times New Roman", Times, serif;
}
h2 {
	font-size : 1.3em;
	margin : 0.83em 0;
	color: #40ff40;
}
h3 {
	font-size : 1.17em;
	margin : 1em 0;
}
h4 {
	font-size : 1em;
	margin : 1.33em 0;
}
h5 {
	font-size : 0.83em;
	margin : 1.67em 0;
}
h6 {
	font-size : 0.67em;
	margin : 2.33em 0;
}
h1 a{
	color:#ff0000;
}

code,pre { font-family : Arial, "Courier New",monospace; font-size : 1em; overflow:auto; border:1px dotted #666;}

q { font-style : italic; }

a {color : #008000;}
a:hover, a:focus, a:active {color: #ff0000;}

a[hreflang]:after {content: "\0000a0(" attr(hreflang) ")";color : #008000;background : transparent;}

h1 a, h1 a:hover, h1 a:focus, h1 a:active {text-decoration : none;color:#008000;}

/* Le bandeau et les onglets
-------------------------------------------------------- */ 
#header{
margin:0em;
padding:0em;
font-size:1em;
font-weight:bold;
line-height:normal;
}

#bandeau{
margin:0em;
padding:0em;
height:8em;
background: transparent url(images/soigner.gif) no-repeat right;
}

#bandeau p {
color:#004000;
margin:1em 0.5em;
padding: 0;
}
#bandeau img {border:none;}

#header ul{
margin:0;
padding:10px 10px 0;
list-style:none;
}
#header li{
float:left;
background: url("images/left.gif") no-repeat left top;
margin:0;
padding:0 0 0 9px;
}
#header a{
float:left;
display:block;
background: url("images/right.gif") no-repeat right top;
padding:5px 15px 4px 6px;
text-decoration:none;
font-weight:bold;
color:#008000;
}

/* Commented Backslash Hack
hides rule from IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */
#header a:hover{
color:#ff0000;
}
#header #current{
background-image: url("images/left_on.gif");
}
#header #current a{
background-image: url("images/right_on.gif");
color:#008000;
padding-bottom:5px;
}
#header p {
float:right;
color:#008000;
display:block;
font-size:0.85em;
margin:0.5em 0.5em 0em 0em;
padding:0.5em 0em 0em 0em;
text-align:right;
}
/* Le prelude
-------------------------------------------------------- */ 
#prelude{
	background: transparent;
	color: #008000;
}

#prelude a{
	color: #008000;
	background: transparent;
}

#prelude a:hover{
	color: #ff0000;
	background: transparent;
}


/* Layout
-------------------------------------------------------- */
#conteneur{
	width:95%;
	margin:0.5em auto 0.5em auto;
	padding:0.2em;
	text-align:left;
	border: 1px solid #008000;
	background-color: transparent;

}
#contenu{
	clear:both;
	margin:0em auto 0em auto;
	padding:1em;
	background-color: #FFFFFF;
}

#page {
	margin : 0 auto;
	padding : 0;
	min-height:400px;
}
#main {
	float : left;
	width:70%;
	margin-right : 1em;
}

#main h3 {
	color : #008000;
	margin-top : 1em;
}

#content {
	padding : 1px 0 1em 19px;
}

#content p{
	text-align:justify;
}

#content table{
	text-align:justify;
	font-size:1em;
}

/* Sidebar
-------------------------------------------------------- */
#sidebar {
	float:right;
	width : 12em;
	
	margin : 0em 1em 0em 0em;;
	
}
#sidebar h2 {
	color : #008000;
	font-size : 1.2em;
	border-top : 2px solid #008000;
	padding : 0.5em 0 0 0;
	margin : 1.3em 0 0.3em 0;
}

#sidebar h3{
	font-size: 1em;
	margin: 0;
}
#sidebar h4 {
	font-weight : normal;
	color : #008000;
	font-size : 1em;
	padding : 0 0 0 0;
	margin : 1.3em 0 0.5em 0;

}
#sidebar ul {
	padding-left : 1.5em;
	margin : 0 0 0 0;
}
#sidebar menu {
	margin : 0 0 0 0;
	padding-right : 2.0em;
}

#sidebar li {
	list-style : url(images/button.gif) none;
	margin: 0.2em 0;
	color : #000000;
}

#sidebar a:hover {
	color:#ff0000;
	background : transparent;
}

#sidebar a {
	text-decoration : none;
	color:#008000;
}

.sidebarleft{text-align : left ;}

#sidebar div#calendar{
	/*border-top: 1px solid #F0F0F0;*/
}

#sidebar div#calendar table{
	font-size: 0.8em;
	text-align: center;
	margin: 0 auto;
	border-collapse: collapse;
}

#sidebar div#calendar table caption{
	margin: 0 auto;
}

#sidebar div#calendar table th{
	color: #008000;
	background: transparent;
}

#sidebar div#calendar table td{
	width: 14%;
	line-height: 2em;
	border: 1px solid #008000;
}

#sidebar div#calendar table td a{
	display: block;
	background: #ccffcc;
	border:1px solid #008000;
	color: #1B5EA8;
	font-weight: bold;
	text-decoration: none;
}

#sidebar div#calendar table td a:hover{
	background: #ff0000;
	color: #ccfcc;
}
/* Post
-------------------------------------------------------- */
.day-date {
	font-size : 0.8em;
	font-weight : bold;
	margin-top : 2em;
	text-align : right;
	border-top : 1px dotted #008000;
	color : #008000;
	background : transparent;
}

.post {
	margin-bottom : 2.5em;
}
.post-title {
	margin : 0.8em 0 0 0;
	color : #00c000;
	background : url(images/gelule.gif) no-repeat left top;
	padding-left : 57px;
	height:52px;
}
.post-title a {
	color : #00c000;
	text-decoration : none;
}
.post-title a:hover {
	color : #00c000;
	text-decoration : none;
}
.post-info {
	font-size : 0.85em;
	clear : both;
	color : #40ff40;
	margin : 0;
}
.post-chapo {
	margin-bottom : 1em;
}
.post-content {
}
.post-info-co {
	font-size : 0.85em;
	clear : both;
	background : transparent url(/images/ico_comments.png) no-repeat 0 40%;
	padding-left : 13px;
}
.post-info a {color: #008000;}
.post-info a:hover{color : #ff0000;}
.post-info-co a {color: #008000;}
.post-info-co a:hover{color : #ff0000;}

#trackbacks {
}
#comments {
}
#comment-preview {
}

#trackbacks, #comments, #comment-preview {
	margin : 0 2em;
}

#trackbacks blockquote, #comments blockquote, #comment-preview blockquote {
	display : block;
	margin : 0 0 1em 0;
	padding : 1px 1em;
	font-style : normal;
	border : 1px solid #999;
	color : #666;
	background : transparent;
}

.comment-info {
	margin : 0;
	background : transparent url(images/ico_comments.png) no-repeat 0 40%;
	padding-left : 13px;
}


/* Error messages
-------------------------------------------------------- */
.error {
	border : 1px solid #008000;
	background : #fee;
	padding : 0.5em;
}
.error ul {
	padding-left : 20px;
}
.error li {
	list-style : square;
}


/* Interactions
-------------------------------------------------------- */
fieldset {
	display : block;
	border : none;
	margin : 0;
	padding : 0;
}

input, textarea {
	font-family : Arial,Geneva,Helvetica,sans-serif;
	font-size : 1em;
	border-width : 1px;
	border-color : #008000;
}

input[type], textarea[name] {
	background: #ccffcc;
}

input[type=submit], input[type=reset] {
	background: #ccffcc;
	color : #000;
}

input[type=submit]:hover {
	background : #ccffcc;
	color : #f00;
}

textarea {
	width : 100%;
}

p.field {
	margin : 0.5em 0 0 0;
}

p.field label {
	display : block;
	font-weight : bold;
	font-size : 0.85em;
}

.spacer{
clear:both;
}

/* footer
-------------------------------------------------------- */
#footer {
	clear:both;
	margin:0em auto 0em auto;
	padding:0.5em 0em 0.5em 0em;
	text-align:center;
	background: #ccffcc url(images/bg.png) repeat-x center;
	color:#008000;
	font-size: 7pt;
}
#footer a{
	color:#008000;
}
/* style inside
-------------------------------------------------------- */
.li1 { 
color: #0000ff; font-size: 9pt; font-family: arial; text-decoration: none 
}
.li2 { 
color: #000000; font-weight: bold; font-size: 9pt; font-family: arial; text-decoration: none 
}
.li3 { 
color: #008000; font-size: 9pt; font-family: arial; text-decoration: none 
}
.li4 { 
color: #000000; font-weight: bold; font-size: 9pt; font-family: arial; text-decoration: none; background-color: #ccffcc 
}
.li5 { 
color: #000000; font-size: 9pt; font-family: arial; text-decoration: none 
}
.li5b { 
color: #000000; font-size: 8pt; font-family: arial; text-decoration: none 
}
.li6 {
 color: #008000; font-weight: bold; font-size: 9pt; font-family: arial; text-decoration: none 
 }
.li7 { 
color: #000000; font-size: 7pt; font-family: arial; text-decoration: none 
}
.li8 { 
color: #0000ff; font-size: 8pt; font-family: arial; text-decoration: none 
}
.li9 { 
color: #0000c0; font-weight: bold; font-size: 9pt; font-family: arial; text-decoration: none 
}
.li9b { 
color: #000080; font-size: 9pt; font-family: arial; text-decoration: none }
.li9c { color: #000000; font-weight: bold; font-size: 9pt; font-family: arial; text-decoration: none; background-color: #e3ffff 
}
.li10 { 
color: #800080; font-weight: bold; font-size: 9pt; font-family: arial; text-decoration: none 
}
.li10b { 
color: #800080; font-size: 9pt; font-family: arial; text-decoration: none 
}
.li10c { 
color: #000000; font-weight: bold; font-size: 9pt; font-family: arial; text-decoration: none; background-color: #ffc0ff 
}
.li11 { 
color: #ff8080; font-weight: bold; font-size: 9pt; font-family: arial; text-decoration: none 
}
.li11b { 
color: #c00000; font-size: 9pt; font-family: arial; text-decoration: none 
}
.li11c { 
color: #000000; font-weight: bold; font-size: 9pt; font-family: arial; text-decoration: none; background-color: #ffffc0 
}
.li12 { 
color: #8080ff; font-weight: bold; font-size: 9pt; font-family: arial; text-decoration: none 
}
.li12c { 
color: #000000; font-weight: bold; font-size: 9pt; font-family: arial; text-decoration: none; background-color: #00c6c6 
}
.li13 { 
color: #c00000; font-weight: bold; font-size: 9pt; font-family: arial; text-decoration: none 
}
.li13b { 
color: #c00000; font-size: 9pt; font-family: arial; text-decoration: none 
}
.li13c { 
color: #000000; font-weight: bold; font-size: 9pt; font-family: arial; text-decoration: none; background-color: #ffc0c0 
}
.li14 { 
color: #0000c0; font-weight: bold; font-size: 9pt; font-family: arial; text-decoration: none 
}
.li14b { 
color: #0000c0; font-size: 9pt; font-family: arial; text-decoration: none 
}
.li14c { 
color: #000000; font-weight: bold; font-size: 9pt; font-family: arial; text-decoration: none; background-color: #05d3ff 
}