/* ***** BEGIN LICENSE BLOCK *****
 * This file is part of DotClear.
 * Copyright (c) 2004 Maurice Svay 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 *****
 *
 * Author:
 *  Maurice Svay  http://www.svay.com/web/dotclear/
 */
 
/* A propos de ce theme
 * Tests effectues:
 * - IE de 5.01 a 6 Windows
 * - Firefox 0.9x Windows
 * - Opera 7.51 Windows
 * - Safari 1.2.2 MacOS X (10.3)
 * - Konqueror Linux
 * - Opera Linux
 *
 * Le layout est dans une feuille de style separee
 * 1 - Global style
 * 2 - Header
 * 3 - Post
 * 4 - Trackbacks et commentaires
 * 5 - Sidebar
 * 6 - Footer
 */
 
@import "layout.css";

/* Global style
********************************************/
html, body  { margin: 0; padding: 0 }

body  { color: #000; font-size: 0.8em; font-family: Arial, Tahoma, Helvetica, "Bitstream Vera Sans", sans-serif; background: #eee repeat-x }

h1, h2, h3, h4, h5, h6{
	font-family: "Trebuchet MS", sans-serif;
}
p      { font-size: 1em; text-align: justify }
h1      { color: #0055b1; font-size: 2.4em; text-align: center; margin: 0.8em 0 }
h2     { font-size: 1.3em; margin: 0px 0 }
h3{font-size: 1em; margin: 0.8em 0;}
h4{font-size: 1em; font-weight: normal}
h5 { font-weight: normal; font-size: 0.8em }
h6        { font-weight: normal; font-size: 0.9em; text-align: center }
a:link   { color: #0055b1; text-decoration: none; background-color: transparent }
a:visited  { color: gray; text-decoration: none; background-color: transparent }
a:hover  { color: #0055b1; text-decoration: underline; background-color: transparent }
a[hreflang]:after {content: "\0000a0[" attr(hreflang) "]"; color:#999; background:transparent;}
a img{border: none;}

abbr, acronym{
	border: none;
	background: transparent url(img/dotted.png) repeat-x bottom;
	cursor : help;
}

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

pre {
overflow: scroll;
width: 100%;
}
html>body pre {
overflow: auto;
width: auto;
}

fieldset{
	border: none;
}

.field label{
	display: block;
	cursor: pointer;
	cursor: auto; /* "hand" pour IE */
}



input, textarea{
	border: 1px solid #999;
	background: #FCFCFC;
	/* -moz-border-radius connu pour ne pas etre valide */
	/*-moz-border-radius: 4px; */
}

textarea{
	width: 99%;
}
.left{
	float: left;
	margin: 0 1em 1em 1em;
}

.right{
	float: right;
	margin: 0 1em 1em 1em;
}
.intro                    { color: gray; font-style: italic; font-weight: normal; font-size: 1em; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-align: center }
.titre  { color: silver; font-style: italic; font-weight: bold; font-size: 1.4em; text-align: center; border-bottom: double silver }
/* Header

********************************************/
#top{
	background: url(img/header.jpg) no-repeat;
}

#top h1{
	line-height: 15px;
	margin: 0;
	font-size: 1em;
	text-align:center;
}

#top h1 a{
	text-decoration: none;
	color: #C30;
	background: transparent;
}

#prelude     { color: white; font-size: 1.3em; font-family: Tahoma, Arial, Helvetica, "Bitstream Vera Sans", sans-serif; background-color: transparent; margin: 0; left: 1.5em }

#prelude a { color: white; text-decoration: none; background-color: transparent }

#prelude a:hover { color: yellow; background-color: transparent }

/* Post
********************************************/
#content     { color: #222; background-color: transparent; margin-right: 10px; margin-left: 10px; padding-right: 10px; padding-left: 10px }

.post   { margin-top: 10px }

.day-date         { color: #afafaf; font-style: italic; font-weight: normal; font-size: 1.2em; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-align: right; border-bottom: 1px dotted #afafaf }

.post-title             { color: #a00; font-weight: 600; font-size: 22px; font-family: "Trebuchet MS", sans-serif; background-color: #fff; text-align: center; margin-top: 20px; margin-bottom: 0px }
.post-list-title   { color: #a00; font-weight: 600; font-size: 15px; font-family: "Trebuchet MS", sans-serif; background-color: #fff; margin-top: 0px; margin-bottom: 0px }
.post-title a { color: #a00; text-decoration: none; background-color: transparent }
.post-list-title a { color: #a00; text-decoration: none; background-color: transparent }
.post-title a:hover { color: #a00; text-decoration: none; background-color: transparent }
.post-list-title a:hover { color: #a00; text-decoration: none; background-color: transparent }
.post-title a:visited { color: #a00; text-decoration: none; background-color: transparent }
.post-list-title a:visited { color: #a00; text-decoration: none; background-color: transparent }
.post-info          { color: gray; font-style: italic; font-size: 11px; background-color: #fff; text-align: right; margin-top: 2em; margin-bottom: 0; padding-left: 20px }
.post-list-info   { color: #a00; font-variant: small-caps; background: #fff url(img/sstar.png) no-repeat 0 0em; margin-top: 0px; margin-bottom: 0; padding-left: 20px }
.post-info old  { color: #a00; font-variant: small-caps; font-size: 0.8em; background-color: transparent; margin-top: 0; margin-bottom: 0px; padding-left: 20px }

.post-info a  { color: gray; background-color: transparent }
.post-list-info a { color: #a00; background-color: transparent }
.post-info a:hover   { color: gray; text-decoration: underline; background-color: transparent }
.post-list-info a:hover { color: #a00; text-decoration: underline; background-color: transparent }
.post-info a:visited   { color: gray; background-color: transparent }
.post-list-info a:visited { color: #a00; background-color: transparent }
.post-content   { margin-bottom: 12px }
.post-list-content       { margin-top: -6px; margin-bottom: 2em; margin-left: 20px }
.post-content p     { text-align: justify; overflow: auto }
.post-list-content p     { font-size: 12px; text-align: justify; overflow: auto }
.post-list-content img      { width: 60px; height: 60px }
.post-content ul{
	list-style-image: url(img/puce.png);
}
.post-list-content ul { list-style-image: url(img/puce.png) }
.post blockquote{
	font-style : italic;
	border-left : 5px solid #999;
	padding-left : 1em;
}

.post blockquote p  { width: auto }

.post-info-co{
	clear: both;
	text-align: right;
	font-size: 0.8em;
	border: 1px solid #E0E0E0;
	background: #FFF url(img/postinfo.png) repeat-x;
	color: inherit;

	margin-top: 0.5em;
	margin-bottom: 3em;
	padding: 0.5ex;
	/* -moz-border-radius connu pour ne pas etre valide */
	/*-moz-border-radius: 5px;*/
}

.post-info-co a{
	color: #222;
	background: transparent;
	text-decoration: none;
}
.post-info-co a:hover { color: #222; text-decoration: underline; background-color: transparent }
.post-info-co a:visited { color: #222; text-decoration: none; background-color: transparent }
.post-info-co a:before{
	margin-right: 1ex;
}

/* Trackbacks et commentaires
********************************************/

#trackbacks, #comments{
	margin-top: 4em;
}

#trackbacks blockquote, #comments blockquote{
	background: #F5F5F5;
	color: inherit;
	border: 1px dotted #AAA;
	margin: 0.5ex 0 1em 0;
	padding: 1ex;
	overflow: auto;
}

#trackbacks blockquote p, #comments blockquote p{
	margin: 1ex 0;
}

.comment-info{
	margin-bottom: 0;
}

/* Sidebar
********************************************/
#sidebar        { color: #666; background-color: #fcfcfc; padding-right: 7px; padding-bottom: 10px; padding-left: 7px }
#sidebar div{
	/* aurait du etre #sidebar > div */
	margin: 0 10px 2em 10px;
}

#sidebar h2                { color: #0055b1; font-size: 1.2em; margin: 1.5em -5px 0.5em -5px; padding-top: 1px; padding-bottom: 1px; padding-left: 5px; border-bottom: 1px solid #ffc800 }
#sidebar p       { font-size: 11px; text-align: center; text-indent: 0; margin: 0 }
#sidebar ul         { font-size: 11px; list-style-type: circle; margin: 0 0 0 0.5em; padding: 0 }

#sidebar a { color: #666; text-decoration: none }
#sidebar a:hover { color: #333; text-decoration: underline }
#sidebar li a        { color: #666; background-color: transparent; display: block }
#sidebar li a:hover { color: #333; text-decoration: underline; background-color: transparent }
#sidebar ul li:first-child    { }
#sidebar ul li       { margin-bottom: 5px }
#search p{
	text-align: center;
	margin: 0;
}

#search input{
	width: 15%;
}

#search input#q{
	width: 70%;
}

#calendar table{
	color: #666;
	background: transparent;
	margin: 0 auto;
	/* Desole pour la taille de fonte en pixel, mais IE craint trop */
	font-size: 10px;
	text-align: center;
}

#calendar table td a{
	color: #444;
	font-weight: bold;
}

/* Footer
********************************************/
#footer{
	color: #999;
	clear: both;
	margin: 0;
	padding: 2em 0 1em 0;
	background: #FFF url(img/footer.png) no-repeat center bottom;
	text-align: center;
}

#footer a{
	text-decoration: none;
	color: #999;
	background: transparent;
}
#footer a:hover { color: #999; text-decoration: underline; background-color: transparent }


span.highlight0 {background-color: #FFFF99;}
span.highlight1 {background-color: #FF99FF;}
span.highlight2 {background-color: #99FFFF;}
span.highlight3 {background-color: #FF9999;}
span.highlight4 {background-color: #9999FF;}


/* ---NAVIGATION HORIZONTALE--- */ul#nav-box         { color: white; font-weight: bold; font-size: 0.9em; background-color: #ffc800; text-align: left; list-style-type: none; margin: 0 0 0em; padding: 5px 0em 5px 1em }ul#nav-box li {      display: inline;        padding : 5px 0;}ul#nav-box li a     { color: #0055b1; text-decoration: none; padding: 5px 1em; border-right: 1px solid #0055b1 }ul#nav-box li a:hover    { color: #ffc800; background-color: #0055b1; border-right: 1px solid #0055b1 }


/* ---boites en plus--- */

#sommaire        { color: #0055b1; font-weight: bold; text-align: center; padding: 2px; border: solid 2px #ffc800; position: relative; top: 1em }
#sommaire a { color: #0055b1; font-weight: bold }
#sommaire a:hover { color: #0055b1; font-weight: bold; text-decoration: underline }
#selection a { font-weight: bold }
#selection a:hover { font-weight: bold }
#selection li           { font-size: 1.1em; vertical-align: text-top; list-style-type: square; padding-bottom: 1em }
/* ---categorie Une--- */
.catUne  { background-color: purple }
.ploufUne {display : none }
#actu   { padding: 5px }
#actu h2     { color: #a00 }
#actu p     { }

/* ---accueil--- */
#accinfo   { padding-right: 1em; padding-left: 1em }
#accinfo h2       { color: #a00; font-size: 1.2em; background: url(img/sstar.png) no-repeat; text-indent: 1.3em }
#accinfo p       { font-style: italic; font-size: 11px; text-align: right; margin-left: 1em }
#accinfo ul      { font-size: 11px; list-style-image: url(img/puce.png) }
#accedito    { background-color: #fcfcfc; padding-right: 1em; padding-left: 1em }
#accedito h2    { color: #0055b1; font-size: 1.1em }
#accedito p     { font-size: 11px; text-align: justify }
#accnoter     { float: left; border-top: 1px none silver; width: 215px }
#accune     { float: right; border-top: 1px none silver; width: 215px }
#accdates { float: right; border-top: 1px none silver; width: 215px }
#aclettre      { color: gray; font-style: italic; font-size: 11px; text-align: center; margin-top: 2em }
#aclettre2   { color: gray; font-style: italic; text-align: center; margin-top: 0.5em }
.lirelasuite   { font-weight: 800 }