/* ***** C'EST QUOI, CA ? *****
Th�me "Kimogeek" 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 :-) ea6a1f
 ****** ENJOY ***** */




body {
background:#000;
font-size:76.1%;  /* 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", tahoma, monospace;
color:#fff;
text-align:center; /* pour IE5 et centrage horizontal de la page */
}

p { margin : 0; padding: 0 0 0 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 : 2em; }

h1 {font-size:3.5em; margin: 0; font-family:helvetica, monospace; }
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 { 
/* 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 : arial, sans-serif;
font-size : 1em;
color:#fff;
}

q { font-style : italic; }

a {
color:#ffeb00;
text-decoration:none;
}
a:visited {
color:#666;
}
a:hover {
background : url(imgeek/flecheavance.gif) no-repeat 90% 100% ;
text-decoration : none; 
padding-bottom : 4px; 
}

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

/* Page
-------------------------------------------------------- */
#page {
width:67em;
background:#000;  /* 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 #000;
text-align:left;  /*Pour rŽtablir l'alignement demandŽ dans le body pour que IE puisse centrer */
}

/* Prelude
-------------------------------------------------------- */
#prelude { 
color:#000;
width:70%;
background:#b5b5b5;
text-align:center;
}

#prelude a {
color : #fff;
}

#prelude {
color : #fff;
}

/* Titre
-------------------------------------------------------- */
#top {
padding:0;
width:70%;
height:26em;
background:#000 url(imgeek/head.gif) no-repeat;
}

#top h1 {
text-align: right;
padding-right:1.5em;
padding-top:0.1em;
}

#top a {
background:none;
color:#ea6a1f;
}

.presentation {
text-align:center;
font-weight:bold;
}

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

.postit {
padding-left:2em;
padding-right:2em;
}

.post {
padding-bottom:2em;
margin-bottom:1em;
background:transparent url(imgeek/inter.gif) bottom no-repeat;
height:100%;
} 

.day-date {
/*display:none;*/
padding-left: 25px;
margin-left: -25px;
margin-bottom:1.5em;
font-family:"verdana",courier,monospace;
font-weight:bold;
font-size:1.2em;
color: #fff;
background: transparent url(imgeek/date.gif) no-repeat left center;
font-style: none;
}

.post-title {
font-family:"verdana",courier,monospace;
font-weight:bold;
color:#bc3f0d;
text-align:left;
}  

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

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

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

.post-content {
padding:0;
text-align:justify;
/* background:transparent url(imgeek/post.png)  no-repeat; */
 }
.post-chapo {
padding:1em 0;
text-align:justify;
}

p.post-content {
}

.post blockquote {
font-family:georgia, "Times New Roman", serif;
margin:2em 0;
padding-left:2em;
}

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

/* Liste commentaires + formulaire
-------------------------------------------------------- */
#comments {
border:0.1em dashed #fff;
padding:1.5em;
margin-bottom:0.5em;
/*background: transparent url(imgeek/comm.png) repeat-y;*/

}
#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;
}

#comments blockquote {
}

.comment-info {
color:#666;
}

.erreur {
color:#000;
}

/* Menu
-------------------------------------------------------- */
#sidebar {
width:212px;
margin-left:71%;
margin-top:-29em;
padding:0 0 0 0;
/*padding:0 1.5em 0 1.5em;*/
font-size:0.86em;
font-family:Verdana, arial, helvetica, sans-serif;
line-height:150%;
color:#fff; 
background: transparent url(imgeek/fondmenu.jpg) repeat-y;
border: 0,1em solid #fff;
}

#sidetop {

height:303px;
background: transparent url(imgeek/menucarte.jpg) no-repeat;

}

#sidebas {
height:166px;
background: transparent url(imgeek/menubas.jpg) no-repeat;

}

#sidebar h2, #sidebar h3 {
font-weight: bold;
font-size:1.2em;
font-family:"courier new", courier, monospace;
}

#sidebar h2 {
margin-top:0em;
margin-bottom:0.25em;
padding:0.15em 0;
padding-left:1.5em;
border-left: 1em transparent;
/*border-left:0.8em solid #b7b7b7;*/
}

#sidebar a {
color:#fff;
padding-left:2em;
}

/*#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(imgeek/puce.png) no-repeat 10% 50%;
padding-left:10px;
margin:0;
}

#sidebar li:hover {
/*background:#c7c7c7;*/
color:#fff;
text-decoration:none;
padding-bottom:0;
}

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

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

 #sidebar li a:hover {
/*background:#c7c7c7;*/
color:#fff;
text-decoration: underline;
padding-bottom:0;
}

#sidebar a:link {
}

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

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

#sidebar h4 {
background:transparent url(imgeek/puce.png) no-repeat 0.5em 50%;
padding:0.5em 2em;
border:1px solid #fff;
text-transform:uppercase;
}

#selection {
padding-bottom:1em;
}

#archives {
padding-bottom:1em;
}

#categories {
padding-bottom:1em;
}

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

#syndicate {
padding-bottom:1em;
}

/* Footer
-------------------------------------------------------- */
#footer {
clear:both;  /* Pour que le footer vienne tout en bas de la page */
background: #333;
font-size:0.86em;
height:166px;
color:#fff;
padding : 0;
text-align:center;
background: transparent url(imgeek/menubas.jpg) no-repeat;
}

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

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

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