/* ***** C'EST QUOI, ‚A ? *****
Th�me "Kimono" par Kozlika  http://www.kozlika.org/ pour les utilisateurs de
Dotclear  http://www.dotclear.net/  DotClear ne fait que des blogs, et il le fait bien ;-)
 ****** ENJOY ***** */




body {
	background:#FFFFFF url(imgkimono/); /* Merci ˆ http://citrusmoon.typepad.com  magnifiques patterns */
	font-size:76%;  /* 76% correspond au corps 10 si le rŽeglage par dŽefaut du navigateur (le plus frŽequemment ˆ 14px) n'a pas eŽtŽe modifiŽe */
	margin:0;
	padding:0;
	font-family: Arial, sans-serif;
	color:#000;
	text-align:center; /* pour IE5 et centrage horizontal de la page */
}

p { margin : 0; padding: 0 0 1em 0; }
img { border : 0px solid #fff; } /* mesure en pixels conservŽee : pas de redimensionnement des images en me�me temps que le caract�ere, donc pas de redimensionnement de la bordure */
form { display : block; margin : 0; padding : 0; }

h1 {font-size:2.4em;  margin: 0; font-family:"Courier new", Verdana, Helvetica, Arial, sans-serif; }
h2 { font-size : 1.33em; margin : 0em 0; }
h3 { font-size : 1.17em; margin: 0em; }
h4 { font-size : 1em; margin : 0; }
h5 { font-size : 0.83em; margin : 0; }
h6 { font-size : 0.67em; margin : 0; }
h2, h3, h4 { font-weight:normal; }

code,pre { 
	font-family : "Courier new",monospace; 
	font-size : 1.1em; 
	background:#F7F7F7;
}

pre {
	margin : 0 auto;
	margin-bottom : 1em;
	padding : 0.5em;
	text-align:left;
	white-space:normal;
		/* caché pour IE 5 Mac qui sait pas faire - Ne pas supprimer cette ligne  \*/
		white-space:pre;
		width: 90%;
		overflow : auto;
}
	/* Fin hack Ne pas supprimer cette ligne */

q { font-style : italic; }

a {
	color:#000;
	text-decoration:none;
}
a:visited {
	color:#320082;
}
a:hover  {
	background-color:#8585FC;
}

a[hreflang]:after {
	content: "\0000a0[" attr(hreflang) "]";
	font-size:0.86em;
	color : #666;
	background : transparent;
}

/* Page
-------------------------------------------------------- */
#page {
	width:63em;
	background:#FFFFFF url(imgkimono/ramana-maharshi.jpg) right top no-repeat;  /* Je donne au fond de page la couleur que je veux pour le sidebar sinon, comme cette colonne est plus courte, �a s'arr�tera avant le bas de page */
	margin:2.5em auto 2.5em auto;
	padding:0;
	border-right:0.75em solid #FFFFFF;
	text-align:left;  /*Pour reŽtablir l'alignement demandeŽ dans le body pour que IE puisse centrer */
}

/* Prelude
-------------------------------------------------------- */
#prelude, #prelude a {    /*m�mes couleurs que le fond de main pour qu'on ne le voit pas mais que �a reste lisible pour les navigateurs vocaux */
	color:#FFFFFF;
	background:#FFFFFF;
	height:1em;
	width:70%;
}
/* Titre
-------------------------------------------------------- */
#top {
	padding:0;
	width:70%;
	height:11em;
	background:#FFFFFF  url(imgkimono/moebius.jpg) top left no-repeat;
}

#top h1 {
	text-align:right;
	padding-right:2em;
	padding-top:1.5em;
	padding-left:0em;
}

#top a {
	background:none;
	color:#9999FF; 
}

/* Main
-------------------------------------------------------- */
#main {
	background:#FFFFFF;  /*fond de gauche */
	float:left;
	margin: -1px 0 0 0;
	padding:0;
	width:70%;
}

.post {
	clear:both;
	height:100%;
	margin-bottom:3em;
	background: no-repeat;
} 

.day-date {
	display:none;
}

.post-title {
	font-family:"Trebuchet MS",Verdana,Arial,sans-serif;
	font-weight:normal;
	color:#000;
	text-align:center;
	padding: 0 70px;
}  

.post-title a {
	background:none;
	font-weight: bold;
	color:#000;
}

.post-info {
	margin-bottom:1em;
	padding-top:0.5em;
	font-family:Arial, sans-serif;
	font-size:0.86em;
	text-align:center;
}

.post-info-co {
	font-family:Arial, sans-serif;
	font-size:0.86em;
	text-align:left;
}

.post-content {
	padding:0;
	text-align:justify;
 }
.post-chapo {
	padding:1em 0;
	text-align:justify;
}

p.post-content {
}

/* Content
-------------------------------------------------------- */
#content {
	padding:2em 4.5em;
}

/* Liste commentaires + formulaire
-------------------------------------------------------- */
#comments {
	border:0.1em solid #fff;
	padding:0.5em;
	margin-bottom:0.5em;
}
#trackbacks {
	border:0.1em dashed #fff;
	padding:0.5em;
	margin-bottom:0.5em;
}

#comments h3, trackbaks h3 {
}

#comments blockquote, #trackbacks blockquote {
	border-left:0.1em solid #fff;
	padding-left:0.5em;
}

.comment-info {
	color:#52297A;
}

.erreur {
	color:#ffffcc;
}

/* Menu
-------------------------------------------------------- */
#sidebar {
	width:18em;
	margin-left:70%;
	margin-top:-16em;
	padding:0 1.5em 2em 1.5em;
	font-size:0.86em;
	font-family:Verdana, arial, helvetica, sans-serif;
	line-height:140%;
	color:#333; 
}

#sidebar h2, #sidebar h3 {
	font-weight: bold;
	font-size:1.1em;
    font-family : "Trebuchet MS";
    color:#5D77AA;
}

#sidebar h2 {
	margin-top:0.5em;
	margin-bottom:0.45em;
	padding:0.15em 0;
	background:#EAEAEB;
	padding-left:0.4em;
	border-left:0.7em solid #EAEAEB;
}


/* Merci AListApart pour la solution pour les menus survoles */

#sidebar ul {
	list-style:none;
	padding: 0;
	margin:0;
}


#sidebar li {
	background:transparent url(imgkimono/puce.png) no-repeat 0% 4px;
	padding-left:10px;
	margin:0;
}

#sidebar li:hover {
	background-color:#FFCC00;
}




html>body #sidebar li a {
	width: auto;
}

 #sidebar li a:hover {
	background-color:#FFCC00;
}

#sidebar a:link {
}

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

#sidebar a:active {
	font-weight:bold;
}

#sidebar li a {
	
}

#selection {
}

#archives {
}

#categories {
}

#search h3 {
	text-transform:capitalize;
	padding-right : 1em;
	padding-top:0.5em;
	float:left;  /* pour que le champ ˆ remplir vienne ˆ c™tŽ du mot Rechercher et non en dessous */
}
#links {
	clear:right;
}

#syndicate {
	padding-bottom:2em;
}

/* Footer
-------------------------------------------------------- */
#footer {
	clear:both;  /* Pour que le footer vienne tout en bas de la page */
	background: #FFFFFF;
	font-size:0.9em;
	height:1em;
	color:#000;
	padding-top:1em;
	text-align:center;
}

#footer a {
	font-weight:bold;
	background:transparent;
	color:#000;
}

/* Calendrier
-------------------------------------------------------- */
#calendar {
	margin:0 0 2em 0;
	padding-top:1em;
	width :99%;
	text-align:center;
}

#calendar table {
	width:99%;
	text-align:center;
	border-collapse : collapse;
	font-size : 0.86em;
	margin : 0 auto;
}

#calendar caption {
	margin : 0 auto;
	padding : 0 0 0.3em 0;
	font-size : 1.2em;
}

#calendar abbr {
	border : none;
}

#calendar th, .cal td {
	border : none;
	padding : 0.1em;
}
#calendar td {
	text-align : center;
}

#calendar td.active a {
	font-weight : bold;
}

#calendar a {
}

#calendar td a{
	font-weight : normal;
	
	color: #666;
	background:   url(imgkimono/dayevent.png) no-repeat right top;
}

#calendar td a:visited{
	color: #888;
	background:  url(imgkimono/dayeventv.png) no-repeat right top;
}
/* Error messages
-------------------------------------------------------- */
.error {
	border : 0.1em solid #c00;
	background : #fee;
	padding : 0.5em;
}
.error ul {
	padding-left : 2em;
}
.error li {
	list-style : square;
}


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

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

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

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

input[type=submit]:hover {
	background : #036;
	color : #fff;
}

textarea {
	width : 100%;
}

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

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