/* ***** BEGIN LICENSE BLOCK *****
 * This file is part of Dotclear.
 * Copyright (c) 2004-2007 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 ***** */
 
 /*
 Organisation de la presente feuille de style:
 1. Structure de la page (body, page, top, main, sidebar, footer)
 2. Mise en forme des balises XHTML standard
 3. Page
 4. Haut de page (top et prelude)
 5. Main et content
 6. Billets
 7. Les commentaires et trackbacks
 8. Le menu lateral (sidebar)
 9. Footer
 10. Classes communes
 11. Clearers

/* -----------------------------------------------------------------
	1. STRUCTURE
	a inscrire ici ou en important une css de structure placee dans
	le meme repertoire et appelee grace a l'instruction ci-dessous
	(exemple pour un fichier de structure nommé layout.css)
------------------------------------------------------------------ */
@import url(layout.css);

/* ---------------------------------------------------------------
        2. BALISES HTML
--------------------------------------------------------------- */

body {
	padding: 10px 0 10px 0;
	font-size: 100%;
	background: #660000;
	color:#000;
	font-family: Garamond, Timesroman, serif;
	text-align: center;
}
 
h1 { font-size: 1.33em; margin: 1.5em 0 0.5em 0; color: #000000; font-variant: small-caps; }
h2 { font-size: 1em; margin: 1em 0 0.5em 0; color: #000000;font-variant: small-caps; }
h3 { font-size: 1em; margin: 1em 0 0.5em 0; color: #000000;font-variant: small-caps; }
h4 { font-size: 0.8em; margin: 1em 0 0.5em 1.5em; color: #000000;font-variant: small-caps; }
h5 { font-size: 0.8em; margin: 1em 0 0 3em; color: #000000;font-variant: small-caps; }
h6 { font-size: 0.8em; margin: 1em 0 0 4.5em; color: #000000;font-variant: small-caps; }

p {}
img { border: 2px solid #000000; }

sup { }
abbr, acronym { }

blockquote, q { }
blockquote {padding: 0 0 0 0;margin: 0 0 0 0;}
cite { }

ul {
	text-indent: 0;
	list-style-type: square;
	padding-left: 0px;
	}
	
ol { }
dl { }

form {border: double 7px #000000;padding: 10px 35px;;padding:10px 25px; }
fieldset {border:none; }
field {}
input {border:none;color:#ffffff; background:#660000; }
input:hover {border:none;color:#ffffff; background:#000000; }
label { }

a { text-decoration: none; }
a:link { color:#990000; }
a:visited { color:#990000; }
a:hover {
	color:#000000; 
	background: transparent;
}
a:focus {
	color:#000000; 
	background: transparent;
}
a[hreflang]:after {
	content: "\0000a0[" attr(hreflang) "]";
	color: #000000;
	background: transparent;
}
a img { }
 
code, pre {
    font-family: Garamond,Timesroman,serif; 
    font-size: 1em;
    color: #000000;
}
pre {
	background: #f5f5f5;
	border: 1px solid #1998B5;
	margin: 1em 2em;
	padding: 0.5em 1em;
	text-align:left;
	white-space:normal;
		/* cache pour IE 5 Mac qui sait pas faire - Ne pas supprimer cette ligne  \*/
		white-space:pre;
		width: 90%;
		overflow: auto;
		/* Fin hack Ne pas supprimer cette ligne */
}
 
hr { }

/* ------------------------------------------------------------
	3. PAGE
------------------------------------------------------------- */
 
#page {	
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: #ffffff url("img/barre.png") repeat-y left;
	color: #000000;
	float: none;
	text-align: left;
	margin-left: auto;
	margin-right: auto;

}

 
/* ------------------------------------------------------------
	4. HAUT DE PAGE
------------------------------------------------------------- */

#top {
	height: 152px
/*	background: #FFF url(img/top.png) no-repeat left top;
	text-align: left;
	border-bottom: 0px solid #000000;*/
}
#top h1 { }
#top h1 a {
	display: block;
	height: 0px;
}
#top img {border: none;}
#prelude {
	height: 30px;
	margin: 0;
	padding: 0.25em 45px 0 17px;
	background: #000000; }
#prelude a { color: #ffffff; }

#prelude a:link { color:#ffffff; }
#prelude a:visited { color:#ffffff; }
#prelude a:hover {
	color:#990000; 
	background: transparent;
}
#prelude a:focus {
	color:#666; 
	background:#transparent;
}
#prelude a[hreflang]:after {
	content: "\0000a0[" attr(hreflang) "]";
	color: #666;
	background: transparent;
}

#prelude a img { }

#prelude input {border:none;font-size:0.8em; }


ul#menu li ul{
  display:none;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

ul#menu li:hover>ul{
  display:block;
  border: 1px solid #000000;  
}

ul#menu{
  height: 30px;
  margin : 0 0 0 0;
  padding:0px;
  list-style:none;
  width:100%;
  background-color:#000000;
  float:left;
  font-size:1em;
  /*padding-bottom:-4em;*/
}

html>body #menu {
  margin : 0 0 0 0;
  font-size:1em;
  padding:0px;
}

ul#menu li{
  float:left;
  margin : 0 0.45em;
  display:block;
  padding:0 0;
  font-variant: small-caps;
  }


ul#menu li a{
  display:block;
  margin:0;
  padding: 0 0.5em;
  color:#ffffff;
  text-decoration:none;
   }
  
ul#menu li a:hover{
  color: #990000;
  background: #000000;
}
ul#menu ul{
  position:absolute;
  background:#000000;
  list-style:none;
  margin:0;
  padding:0px 1em 0 0;
  width:180px;
  z-index:1;
  border: 1px solid #000000;
  font-size: 0.9em;
}

ul#menu ul ul{
	position: absolute;
  top:-5px;
  left:12px;
  z-index: 2;
}


ul#menu ul li{
  position:relative;
  float:none;
  margin:5px;
  padding:0;
  font-variant: normal;
  /*text-transform: capitalize;*/
  
}

ul#menu ul li a{
	display:block;
	margin:0;
	width:160px;
	border:none;
	padding:2px 6px;
}

ul#menu ul li a:link { color:#ffffff; }
ul#menu ul li a:visited { color:#ffffff; }
ul#menu ul li a:hover {
	color:#990000; 
	background: transparent;
}


html>body #menu ul li a {
	padding:0px;
}

ul#menu li ul li a{
  color: #CC9900;
}


/* ------------------------------------------------------------
	5. MAIN CONTENT
------------------------------------------------------------- */

#main {
	margin: 0;
	padding: 3em 0 1.5em 0;
	}
#content {
	margin: 0;
	padding: 0 25px 0 25px;
	}
	
#today{
	text-align:right;
	margin: -35px 15px 0px 0;}
/* ------------------------------------------------------------
	6. BILLETS
------------------------------------------------------------- */

.post {}
	
.post h3, .post h4, .post h5, .post h6 {
	color: #666666;
	font-weight: bold;
	text-transform: none;
	text-align: left;
	font-variant: small-caps;
	}

.post blockquote p {
	font-size: 95%;
	padding: 0 25px 0 25px;
	border-left: 0px solid #ddd;
	margin-top: -1em;
	}
	
.post-epigraphe {
	font-size: 95%;
	padding: 3em 0 5em 240px;
	text-align: justify;
	text-indent: 0px;
	}
	
.post img {}
	
.day-date {
	margin: 1em 0 0 0;
	text-align: right;
/*	text-transform: capitalize;*/
	}

.post-title-list {text-align:center;font-weight: bold;margin-top: -0.2px;}
.post-title {
	text-align: center;
	margin-top: -0.5px;
	font-size: 150%;
	font-variant: small-caps;
	font-weight: bold;}

.post-title a { text-transform: none; }

.subtitle-list {
	text-align:center;
	font-weight: bold;
	margin-top: -0.5px;
	font-size: 110%;
	margin-bottom: 50px;
	}
	
.subtitle {
	margin-top: -5px;
	margin-bottom: 50px;
	text-align: center;
	font-size: 110%;
	font-weight: bold;}

.post-info-list {
	text-align:center;
	font-style:italic;
	font-size: 0.95em;
	margin: 0.25em 0 0 0;
	padding: 0 0 0 0;
	color: #666666;
}

.doubletrait {
	text-align:center;
	font-size: 0.95em;
	margin: 0.25em 120px 2em 120px;
	padding: 0 0 10px 0;
	border-bottom: double 7px #000000;
	color: #666666;
}

.post-info {
	text-align:center;
	font-style:italic;
	font-size: 1em;
	margin: 0.25em 0 0 0;
	color: #666666;
}
.post-chapo {
	margin: 1em 0;
	text-align: justify;
	}
.post-content-list {
	text-align: justify;
	margin-top: 0.5em;
	font-size:95% ;
	}

.post-content {
	text-align: justify;
	margin-top: 0.5em;
	}

.post-content-list p, .post-chapo p {
	margin-top: 0.5em;
	text-indent: 25px;
	line-height: 120%;
	}

.post-content p, .post-chapo p {
	margin-top: 0.5em;
	text-indent: 25px;
	line-height: 140%;
	}
	
.post-content a { font-weight: bold; }

#post-center {
	margin: 0 0 0 0;
	text-align: center;
	}

.post-center {
	margin: 0 0 0 -25px;
	text-align: center;
	}

.post-illustration {
	margin: 20px 0 20px -25px;
	text-align: center;
	}

.post-legende {
	margin: 0 0 25px -25px;
	text-align: center;
	font-size: 0.9em;
	}
	
.post ul, li {
	margin-left:20px;
	list-style-type: square;
	list-style-position: outside;
	/*padding-left: 1em;*/
	}

	
.lirelasuite {
	font-weight: bold;
	font-style: italic;
	text-align: center;
	margin-left: -15px;
	}

.references ul, li {
	margin-left: 0;
	list-style-type: square;
	list-style-position: outside;
	/*padding-left: 1em;*/
	}


.footnotes {
	font-size:90%;
	}
.footnotes, .footnotes p {
	margin-top: 1em; text-indent: 0;
	}
.footnotes h4 {font-size: 110%;
	margin: 2em 0 1em 0;
	/*background: transparent url("img/fleuron5.png") no-repeat 50% 50%;*/
	padding: 0 0 0 0;
	color: #666666;
	}

#fleuron {border: none;text-align: center;margin: 2em 0 0 0;}
.vignette img {border: none;}

#fleuron2 {border: none;text-align: center;margin: 0 0 4em 0;}

#fleuron3 {border: none;text-align: center;margin: 2em 0 4em 0;}

#fleuron4 {border: none;text-align: center;margin: 2em 0 4em -25px;}


.post-info-co {
	text-align:center;
	font-size:0.85em;
	margin: 1 0 2em 0;
	}



/* ------------------------------------------------------------
	7. COMMENTAIRES, TRACKBACKS
------------------------------------------------------------- */

#sendtofriendlink {
	font-size: 1em; 
	font-style: italic;
	text-align: center;
	margin: 0 0 0 0;
	padding: 0.25em 0 0.25em 0;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	}

#comments {
	margin: 3em 0em 0 0;
	font-size:90%;
	}
#trackbacks {
	margin: 1em 0em 0 0;
	font-size:90%;
		}
#comment-preview {width: auto;}
#comment-form {border: double 7px #000000;padding: 10px 35px;}
#comments-feed {}

#comment-form h1 {}

#co { margin: 1em 0 0.5em 0; color: #000000;}
#tb { margin: 1em 0 0.5em 0; color: #000000;}

#comments h3 { margin: 3em 0 2em 1em; }

#comments p {}
	
#comments blockquote {
	margin: 0 0 1em 0;
	color: #000000;
	}
.comment-info {
	margin: 1.5em 0 0 0;
	color: #666666;
	}
.comment-number { }

#comments blockquote.comback_content {
	margin: 2em 0 2em 2em;
	color: #666666;
	/*border-top: 1px solid #990000;
	padding: 1em 0;*/
	}
	

#trackbacks p { }
#trackbacks blockquote { margin: 0.5em 2em; }

#comment-form fieldset {
	display: block;
	border: none;
	margin: 0 0 0.5em 0;
	padding: 0;
}
#comment-form fieldset p { margin-bottom: 1em; }
.field { margin: 1em 0 0 0; }
.field label {
	display: block;
	font-weight: bold;
	font-size: 0.85em;
	width: 12em;
	float: left;
	color: #000000;
}
.field input, .field textarea, .field select, #q {
	background: #ffffff;
	color: #000;
	font-size: 1em;
	border: 1px solid #666666;
}

.field texarea { width: 95%; }

#c_nom { }
#c_mail { }
#c_site { margin-bottom: 1em; }
#c_content { }
#c_remember { }

.form-help { }

.prev-next-post {
	text-align:center;
	font-weight: bold;
	margin-bottom:2em;
	margin-top:0.5em;
	}

/* ------------------------------------------------------------
	8. SIDEBAR
------------------------------------------------------------- */

#sidebar {
	margin:0;
	padding: 3em 0 0 25px;
	width: 230px;
	background: transparent; /*url("img/barre.png") repeat-y;*/
	/*border-right: 1px solid #000000;*/
	}

#sidebar h2 {
	font-family:Garamond, serif;
	font-size: 1.2em;
	font-variant: small-caps;
	text-align: center;
	margin-top:1.5em;
	margin-bottom:0.5em;
	margin-left:0;
	padding:0;
	color: #000000;
}

#sidebar h2 a {
	font-family:Garamond, serif;
	font-size: 1.2em;
	font-variant: small-caps;
	margin-top:1.5em;
	margin-bottom:0.5em;
	margin-left:0;
	padding:0;
	color: #000000;
}	
#sidebar h3 {
	font-family:Garamond, serif;
	font-weight: bold;
	font-variant: small-caps;
	margin-top: 0;
	margin-bottom: 0;
	margin-left:0;
	padding:0 0 0 0;
	color: #000000;
	font-size: 1em;
	text-align: left;
}

#sidebar h3 a {
	font-family:Garamond, serif;
	font-weight: bold;
	font-variant: small-caps;
	margin-top: 0;
	margin-bottom:0;
	margin-left:0;
	padding:0;
	color: #000000;
	font-size: 1em;
}

#sidebar h4 {
	font-family:Garamond, serif;
	font-weight: bold;
	font-variant: small-caps;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding:0 0 0 0;
	color: #000000;
	font-size: 1em;
}


#sidebar ul {
	/*list-style:none;*/
	font-size: 0.95em;
	margin-left:0;
	padding:0;
}
#sidebar ul li {
	margin: 0 0 0 0;
	padding: 5px 0 0 0;
	list-style-type:none;
	}
	
#lastarticles ul li {
	list-style-type: square;
	color: #ffffff;
	margin: 0 0 0 17px;
	padding:0;
	}

#lastcomments ul li {
	list-style-type: square;
	color: #ffffff;
	margin: 0 0 0 17px;
	padding:0;
	}

#galleries h3 {
	font-family:Garamond, serif;
	font-weight: bold;
	font-variant: small-caps;
	margin-top: 0px;
	margin-bottom:-15px;
	margin-left:0;
	padding:0 0 0 0;
	color: #000000;
	font-size: 1em;
	text-align: left;
}

#galleries ul li {
	margin: 0 0 0 15px;
	padding: 0;
	list-style-type:square; color: #ffffff;
	}

#sidebar-links {
	list-style-type: square;
	}
	
	

#sidebar a:link { color:#ffffff; }
#sidebar a:visited { color:#ffffff; }
#sidebar a:hover {
	color:#990000; 
	background: transparent;
}
#sidebar a:focus {
	color:#666; 
	background:#transparent;
}
#sidebar a[hreflang]:after {
	content: "\0000a0[" attr(hreflang) "]";
	color: #666;
	background: transparent;
}
	
/* boites du sidebar livrees avec Dotclear */
#calendar { }
#calendar table {
	border-collapse: collapse;
	font-size: x-small;
	margin: 0 auto;
	line-height:140%;
	color: #000000;
}
#calendar caption { /*nom des mois*/
	margin: 0 auto;
	padding: 0 0 0.3em 0;
	font-size: 1.2em;
	text-transform: capitalize;
	color: #000000;
}
#calendar abbr {color: #000000; } /* nom des jours */
#calendar th, #calendar td { /* th: cellules d'entete vertical (jours) - td: cellules */
	border: none;
	padding: 1px;
	text-align: center;
	text-transform: capitalize;
	color: #000000;
}
#calendar td.active { /* cellules du jour actif */
	background: #000000;
	}

#calendar td.d-day {/*cellule aujourd'hui*/
	border: 1px solid #000000;
	font-weight:bold;}

#calendar td a {background: transparent;font-weight: bold;font-size:2em; }

#search { }
#search form { }
#search input[type=text] { } /* ou #search #q */
#search input[type=submit] { /* ou #search .submit */
	background: #000000;
	font-size: 0.9em;
	/*font-weight: bold;*/
	border: 0px solid #BEDDE4;
}
#search input.submit:hover, #search input.submit:focus { background: #D9F2F8; }
#search input.submit:active { border-style: inset; }

#randimage {text-align:center; }



#selection { }
#languages { }
#categories {/*font-size: 0.9em*/ }
#archives {
			/*font-size: 0.9em;*/
			text-transform: capitalize;
			}

#links h3 {
	margin: 30px 0 -10px 0;
	padding: 0 0 0 0;
	}

#links ul li {
	list-style-type: square;
	color: #ffffff;
	margin: 0 0 0 17px;
	padding:0;
	}

#syndicate {
			text-transform: capitalize;
			}

/* ------------------------------------------------------------
	9. FOOTER
------------------------------------------------------------- */

#footer {
	background: #000000;
	color: #ffffff;
	padding-top: 5px;
}
#footer a { }
#footer a:link { color:#ffffff; }
#footer a:visited { color:#ffffff; }
#footer a:hover {
	color:#990000; 
	background: transparent;
}
#footer a:focus {
	color:#666; 
	background:#transparent;
}
#footer a[hreflang]:after {
	content: "\0000a0[" attr(hreflang) "]";
	color: #666;
	background: transparent;
}
#footer a img { }

/* ------------------------------------------------------------
	10. CLASSES COMMUNES
------------------------------------------------------------- */

/* messages d'erreur */
.error { }
.error ul { }
.error li { }
	
/* exemples de ceux que j'ajoute souvent */
.left { float: left; margin-right : 1em; }
.right { float: right; margin-left : 1em; }
.center { margin-left : auto; margin-right : auto; }
.left-text { text-align : left; }
.right-text { text-align : right; }
.center-text { text-align : center; }
.little-text { font-size : .8em;}
.little-upper-text { font-size : .8em; text-transform : uppercase; }


/* ---------------------------------------------------
  11. ET POUR FINIR NE PAS OUBLIER LES CLEARERS
	ici ceux le plus souvent necessaires
--------------------------------------------------- */
.post, .post-content, .footnotes, 
.post-info-co, #trackbacks, #footer {
    clear:both;
    }
	
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;}

/* ---------------------------------------------------
  12. LUNARPHASE
--------------------------------------------------- */

#lune a{
	text-decoration:none;
}

.nl{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:25px;
	margin-left:0px;
	background: url("http://www.bauermeister.ch/chroniques/share/lunarphase/img/nl.gif") no-repeat 0px center;
}

.pc{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:25px;
	margin-left:0px;
	background: url("http://www.bauermeister.ch/chroniques/share/lunarphase/img/pc.gif") no-repeat 0px center;
}

.pq{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:25px;
	margin-left:0px;
	background: url("http://www.bauermeister.ch/chroniques/share/lunarphase/img/pq.gif") no-repeat 0px center;
}

.lg1{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:25px;
	margin-left:0px;
	background: url("http://www.bauermeister.ch/chroniques/share/lunarphase/img/lg1.gif") no-repeat 0px center;
}

.pl{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:25px;
	margin-left:0px;
	background: url("http://www.bauermeister.ch/chroniques/share/lunarphase/img/pl.gif") no-repeat 0px center;
}

.lg2{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:25px;
	margin-left:0px;
	background: url("http://www.bauermeister.ch/chroniques/share/lunarphase/img/lg2.gif") no-repeat 0px center;
}

.dq{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:25px;
	margin-left:0px;
	background: url("http://www.bauermeister.ch/chroniques/share/lunarphase/img/dq.gif") no-repeat 0px center;
}

.dc{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:25px;
	margin-left:0px;
	background: url("http://www.bauermeister.ch/chroniques/share/share/lunarphase/img/dc.gif") no-repeat 0px center;
}

.lunephasetitre{
	font-size:0.95em;
	margin-left:40px;
}

.lunephase{
	color:#000000;
	font-size:0.8em;
	margin-left:40px;
	}
	
/* ---------------------------------------------------
  13. Tag
--------------------------------------------------- */

#sidebar div#tagcloud {text-align:center;
}

#tagcloud ul { margin: 0; padding: 0 1em; display: block; }
#tagcloud li { display: inline; margin: 0 0.1em; padding: 0; background-image: none; }
#tagcloud li.level-1 { font-size: 0.8em; }
#tagcloud li.level-2 { font-size: 1em; }
#tagcloud li.level-3 { font-size: 1.3em; }
#tagcloud li.level-4 { font-size: 1.7em; }
#tagcloud li.level-5 { font-size: 2em; }

#tags {
	text-align: justify;
	font-size: 90%;
	margin: 1em 0 1em 0;
	padding: 1em 0 1em 0;}
	
#tags h3 {
	font-size: 110%;
	margin: 0 0 0.5em 0;
	} 
.nuage { display: block; text-decoration: none; }


/* ---------------------------------------------------
  14. PageNavigation
--------------------------------------------------- */

.pagenav {
	font: 0.9em;
}

p.pagenav a {
	background : #ddd;
	color: black;
	padding:2px;
	border: 1px solid #bbb;
	text-decoration: none;
	font-size:90%;
}

p.pagenav a:hover {
	background:#598F9A;
	color:white;
}

p.pagenav strong {
	color: black;
	padding:2px;
	border: 1px solid #bbb;
}