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




body {
background:#CFC8B8 url(imgkimono/chinaberry.jpg); background-repeat: repeat; background-position: top left; background-attachment: fixed; /* 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: Verdana, sans-serif;
color:#666;
text-align:center; /* pour IE5 et centrage horizontal de la page */
}

p { margin : 0; padding: 0 0 1em 0; }
img { border : 3px 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:2em; margin: 0; font-family:"Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; }
h2 { font-size : 1.33em; margin : 0em 0; text-align:center;}
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 { 
/* display:block;
overflow : auto; pour autoriser le scroll horizontal si la ligne de code est plus grande que la largeur du content marche pas dans IE 5.2/Mac */
font-family : "Courier New",monospace;
font-size : 1.2em;
color:#333;
}

q { font-style : italic; }

a {
color:#0000AA;
text-decoration:none;
}
a:visited {
color:#008000;
}
a:hover  {
/*background-color:#e5cdae;*/
background-color:#00FF00;
}

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

/* Page
-------------------------------------------------------- */
#page {
width:76em; /*63em - 70em - 74em*/
background:#F1E4D3;  /* 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:1em auto 1em auto;
padding:0;
border-right:0.80em solid #314C92; /*#5f677c  */
border-left:0.60em solid #333366;
text-align:left;  /*Pour rŽtablir l'alignement demandŽ dans le body pour que IE puisse centrer */
}

/* Prelude
-------------------------------------------------------- */
#prelude, #prelude a {    
color:#3333FF; /*memes couleurs que le fond de main pour qu'on ne le voit pas mais que �a reste lisible pour les navigateurs vocaux * avant 15 jan 2012 #3333FF*/
background:#F1E4D3; /*#F4ECD9*/
height:2em;
width:70%;

}
/* Titre {
-------------------------------------------------------- */


#top {
padding:0;
width:100%;
height:16em;
/*background: #864525  url(imgkimono/ccdf_machan_2010_01.jpg) bottom right no-repeat;*/
background: #864525  url(imgkimono/ccdf_bandeau.jpg) bottom right no-repeat;
}

#top h1 {
text-align:left;
padding-left:0.4em;
padding-top:0.6em; /*1.5em*/
}

#top a {
background:none;
color:#00FF00; /*#33FF00*/
}

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

.post {

height:100%;
margin-bottom:3em;
background:transparent url(imgkimono/ecrirelirepenser.png)  no-repeat;
} 

.day-date {
display:none;
}

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

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

.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 {
text-align:justify;
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:22em; /*20em 18em*/
margin-left: 70%; /*70em*/
margin-top: -4em; /* -22em*/
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: normal;
font-size:1em;
}

#sidebar h2 {
margin-top:1em;
margin-bottom:0.25em;
padding:0.15em 0;
background:#e5cdae;
padding-left:0.4em;
border-left:0.8em solid #cfc8b8;
}


#cssSwitch {
}

#cssSwitch h3 {
margin:0 0 0.5em 0;
}

/* 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% 50%;
padding-left:10px;
margin:0;
}

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

#sidebar li a {
display: block;
width: 100%;
}

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

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

#sidebar a:link {

}

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

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

#Météo {
/*margin:0 0 2em 0;*/
/*padding-top:1em;*/
width :99%;
}

#ctn-clock{
}

#selection {
}

#archives {
}

#essai {
}

#categories {
}

#search h3 {
text-transform:capitalize;
text-align:center;
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;
}

/* Message article en cours de rédaction
-------------------------------------------------------- */
#message {
/*margin:0 0 2em 0;*/
/*padding-top:1em;*/
width :99%;
color:#006600;

}

/* Licence
-------------------------------------------------------- */
#licence {
/*margin:0 0 2em 0;*/
/*padding-top:1em;*/
width :99%;
}

#syndicate {
padding-bottom:2em;
}

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

#footer a {
font-weight:bold;
background:transparent;
color: #FCC403; /*#fff;*/
}

/* Calendrier
-------------------------------------------------------- */
#calendar {
width :99%;
}

#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 {
	color: #0000FF;
	font-weight: bold;
}

/* 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;
}