/* ***** BEGIN LICENSE BLOCK *****
 * This file is part of DotClear.
 * Copyright (c) 2004 Olivier Meunier 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 ***** */

body {
  margin : 0;
	padding : 0;
	border-left: 15px solid #C8CDCD; 
  font-family : Verdana,Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size : 0.75em;
}

p { margin : 1em 0; }
img { border : none; }

form { display : block; margin : 0; padding : 0; }

h1 { font-size : 1.5em; margin : 0.4em 0 0;}
h2 { font-size : 1.3em; margin : 0.83em 0 0;}
h3 { font-size : 1.3em; margin : 0.63em 0 0; }
h4 { font-size : 1em; margin : 1em 0 0;}
h5 { font-size : 0.83em; margin : 1.67em 0 0;}
h6 { font-size : 0.67em; margin : 2.33em 0 0;}

code,pre { font-family : "Courier New",monospace; font-size : 1em; }

q { font-style : italic; }

blockquote { color : #666; }

a {
	color: #FF0000;
	text-decoration : none;
}

a:hover {
	text-decoration : underline;
}

a:visited { color: #993399;} 

a[hreflang]:after {

}

h1, h2 {
	text-align: left;
	color : #C8CDCD;
	letter-spacing: -1px;
  font-family : Arial, sans-serif;
}

h3, h4 {
	text-align: left;
	color : #999;
  letter-spacing: -1px;
  font-family : Verdana, sans-serif;
  font-weight: normal;
}

li, ul {
	list-style-type : none;
  margin-left: 0;
  margin-right:0;
  margin-top: 0.05em;
  padding-left: 0;
  padding-right: 0;
}


#author {
font-style: bold;
color : #FF0000;
} 
 
/* Titre
-------------------------------------------------------- */
#top {
	clear : both;
	margin : 0;
	padding : 0.5em 2%;
	text-align : right;
	font-size : 0.8em;
}

#top a, #footer a {
	color:#999;
}

#bando {
	float : left;
	display:inline; 
	width :76%;
	margin: 0 3px;
	padding : 1% 2%;
}

#search {
	margin : 0 auto;
	padding : 4% 0;
}

/* Page
-------------------------------------------------------- */
#page {
	clear : both;
}

/* Main
-------------------------------------------------------- */
#main {
	clear:both;
  width : 55%;
	max-width : 550px;
	min-width : 300px;
	float:left;
	display:inline; 
  }

#main h3 {
	color : #999;
	margin-top : 2em;
}


#main p {
	line-height : 1.6em;
}

.post-title {
	color: #999;
}
.post-title a {
	text-decoration : none;
	color: #999;
}

.chapo {
	margin-bottom : 2em;
}


.post-info, .post-info-co {
	font-size : 0.85em;
	/*text-align : right;*/
}
.post-info {
	margin : 0;
}
.post-info-co {
	clear : both;
	margin-top : 0;
}


/* Content
-------------------------------------------------------- */
#content {
	margin : 0;
	padding : 0 2.5em;
	text-align: justify;
}

/* Liste commentaires + formulaire
-------------------------------------------------------- */
#comments, #trackbacks {
	margin : 0 2em;
}

#comments blockquote, #trackbacks blockquote {
	display : block;
	margin : 0;
	padding : 1px 1em;
	font-style : normal;
	color : #666;
	background : transparent;
	text-align: left;
}

.comment-info {
	margin-bottom : 0;
	font-size : 0.85em;
}

.erreur {
	border : 1px solid;
	padding : 0.5em;
}

/* Menu
-------------------------------------------------------- */
#sidebar, #sidebar2  {
	position : relative;
  text-align: left;
  float:left;  
  color : #666;
	line-height: 1.1em;
	 }

#sidebar {
  Width: 25%;
  Max-Width: 250px;
  Min-Width:160px;
 
  }

#sidebar2 {
  Width: 18%;
 	max-width : 180px;
	min-width : 80px;
}

#sidebar h2, #sidebar2 h2 {
	color : #C8CDCD;
	text-align: left;
}

#sidebar h3, #sidebar2 h3{
	color : #999;
	text-align: left;
}

#sidebar a, #sidebar2 a{
		color : #666;
    text-decoration: none;
	}

#sidebar a:visited, #sidebar2 a:visited { 
color: #999; 
text-decoration: none;
	} 

#sidebar a:hover, #sidebar2 a:hover{
	text-decoration: underline;
	}
	

#sidebar ul, #sidebar2 ul {
	text-align : left;
	list-style-type : none;

}

#sidebar li, #sidebar2 li {
  list-style-type : none;
  text-align: left;
  margin: 0.15em 0;
  padding: 0.15em 0;
	color : #666;
	background : transparent;
}


#sidebar div, #sidebar2 div  {
	margin : 0 5% 0 3%;
}

#twitter_div a {
	color : #FF0000;
}

#twitter_div ul {
	margin: 0.25em 0;
  padding: 0.25em 0;
}

#twitter_update_list a {
	color : #FF0000;
}

/* Footer
-------------------------------------------------------- */
#footer {
	clear : both;
	border-top : 1px solid #999;
	margin-top : 0;
	padding : 0.5em 2%;
	background : #fff;
	text-align : right;
	font-size : 0.8em;
	color:#999;
}



/* Error messages
-------------------------------------------------------- */
.error {
	border : 1px solid #c00;
	background : #fee;
	padding : 0.5em;
}
.error ul {
	padding-left : 20px;
}
.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 : 1px;
	border-color : #ccc;
	-moz-border-radius: 4px;
}

input[type], textarea[name] {

}

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 0 0.5em 0;
}

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

