/* ***** 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;
	font-family : 'Lucida Grande',Verdana,Arial,Geneva,Helvetica,sans-serif;
	background	: #EEEEEE;
	font-size: /**/small; 
	font: 70%/150% 'bitstream vera sans', Verdana;
	background-image: url('img/background.jpg');
	background-repeat:repeat-x;
}

p { margin : 1em 0; }
img { border : none; }
form { display : block; margin : 0; padding : 0; }
div { position:relative; }


h1 { font-size : 2em; margin : 0.67em 0; }
h2 { font-size : 1.3em; margin : 0.83em 0; }
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; }

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

q { font-style : italic; }

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

a:hover {
	text-decoration : none;
}

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


/* Prelude
-------------------------------------------------------- */
#prelude {
	margin : 0;
	padding : 5px;
	font-size : 0.85em;
background: #444444;
text-align: right;
}

#prelude a {
color: whitesmoke;
text-decoration:none;
}

#prelude a:hover {
color: #FFFFFF;
}

/* Titre
-------------------------------------------------------- */
#top {
	background : gray;
	border-bottom : 1px solid #999;
	text-align : left;
	color	   : #ffffff;
	font-weight: bold;
	margin-top	:0px;
	padding		:5px;
	background-image:url('img/bann_back.jpg');
}
#top h1 {
	margin		:0px;
	font-size	:1em;
}
#top a {
	color	   : #ffffff;
	background : transparent;
	text-decoration : none;
}

/* Page
-------------------------------------------------------- */
#page {
	width		:100%;
	background	:#FEFEFE;
	background  :#FEFEFE url('img/fond.gif') no-repeat top;
	border-left	:0px solid gray;
	border-right:0px solid gray;
}

#body {
	width		:800px;
	position	:absolute;
	left		:50%;
	margin-left     :-400px;
border:1px solid #444444;
}

/* Main
-------------------------------------------------------- */

.day-date {
	font-size : 1em;
	font-weight : bold;
	margin-top : 2em;
	text-align : right;
	border-bottom : 1px solid #ccc;
	color : #666;
	background : transparent;
}

.post {
	text-align	   : justify;
margin-bottom:30px;
padding-bottom:15px;
}

.post-title {
	margin : 5px 0 0 0;
	color : #036;
	background :transparent url('img/sstar.png') no-repeat left;
	padding-left:20px;
}
.post-title a {
	text-decoration : none;
}

.chapo {
	margin-bottom : 2em;
}

.post-content {
	text-align	   : justify;
}

.chapo p:first-letter {
	/*font-weight : bold;
	font-size : 2.5em;
	font-family : serif;
	float : left;
	margin-right : 0.2em;*/
}

.post-info, .post-info-co {
	font-size : 0.85em;
	/*text-align : right;*/
}
.post-info {
	margin : 0;
}
.post-info-co {
	clear : both;
	margin-top : 20px;
	border-top:1px dashed gray;
	border-bottom:1px dashed gray;
	padding		 : 5px;
}

.post-info-co span {
	padding		:0px 10px 0px 14px;
}

.post-info-co .co {
	background	:transparent url('img/co.png') no-repeat left;
}

.post-info-co .tb {
	background	:transparent url('img/co.png') no-repeat left;
}

.post-info-co .views {
	background	:transparent url('img/views.png') no-repeat left;
}

/* Content
-------------------------------------------------------- */
#content {
	margin : 0 0 0 0;
	padding : 2em;
width:500px;
float:left;
background:#FF;
}

#search {
	position	:relative;
padding:5px;
}

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

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

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

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

/* Menu
-------------------------------------------------------- */
#sidebar {
	margin : 0 0 0 0;
	padding : 0em;
	width   : 250px;
	float	: left;
}


.floatbar {
	position	:absolute;
top:0px;
	right		:-215px;
	width		:210px;
	z-index		:100;
	text-align	:justify;
}

.spacer {
	clear		 : both;
}	

#sidebar .background {
	background	 :#9BB6CF;
	opacity		 :0.75;
	width		 :440px;
	height		 :500px;
	-moz-border-radius: 25px;
	z-index		 :0;
}

#sidebar .content {
	padding 	 : 1em;
}

#sidebar h2 {
	font-weight : bold;
	font-size	:1em;
	color : olive;
margin:0.15em;
}

.floatbar h2 {
	font-weight : bold;
	font-size	:1em;
	color : #99;
}

#sidebar ul, .floatbar ul {
	padding-left : 1.5em;
	margin-left : 0;
}

#sidebar li, .floatbar li {
	list-style : square;
	margin-top : 0.15em;
	color : #999;
	background : transparent;
}

#sidebar li:hover, .floatbar li:hover {
	color : #333;
	background : transparent;
}

#sidebar div, .floatbar div {
	padding : 0 0.5em 0 0.5em;
}

#sidebar div {
margin-bottom:20px;
}

/* Footer
-------------------------------------------------------- */
#footer {
	border-top : 1px solid #999;
	padding : 1em 1em 1em 1em;
	background : #fff;
	text-align : right;
	font-size : 0.8em;
}


/* Calendrier
-------------------------------------------------------- */
#calendar h2 {
	cursor		:hand;
}

#tab-calendar {
	display			: block;
	background		: whitesmoke;
	opacity		    : 0.9;
-moz-border-radius	: 15px;
}

#calendar table {
	border-collapse : collapse;
	font-size : 0.8em;
	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 : 1px;
}
#calendar td {
	text-align : center;
}

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

#calendar a {
}

/* 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: /**/small; 
	font: 100%/180% 'bitstream vera sans', Verdana;
	border-width : 1px;
	font-weight	 : bold;
	border-color : #ccc;
	padding		 : 2px;
	border		 : 1px solid gray;
	margin		 : 0px;
}

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

input[type=submit], input[type=reset] {
	background : transparent;
	border	   : 0px;
	border-left: 3px solid slategray;
	padding	   : 2px 10px 2px 10px;
	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;
}

#citations {
	padding		:2px;
	background	:whitesmoke;
	text-align  :justify;
}

#citations blockquote {
	margin		:3px;
	padding		:0px;
}

#citations p {
	margin		:0px;
	padding		:0px;
}

#profil {
	padding		:5px 3px 10px 3px;
	text-align	:justify;
	border-bottom:1px solid gray;
}

#bottom {
	background	:#444444;
	padding		:2px;
}