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

 *

 * Contributor(s):

 *  Maurice Svay

 */



/* Ce fichier définit le style visuel pour les différents éléments du blog.

 * Dans l'ordre, vous trouverez les règles qui définissent l'apparence pour:

 * - les éléments HTML en général

 * - la page

 * - l'entête

 * - le prélude

 * - le contenu

 * - la barre de navigation

 * - le pied de page

 *

 * L'agengement des blocs est défini dans le fichier layout.css

 * Pour mettre la barre de navigation à gauche, décommentez l'appel à 

 * layout-gauche.css

 */



@import "layout.css";





/* @import "layout-gauche.css"; */

 

/* Les éléments HTML en général-------------------------------------------------------- */



.pagenav {

	font: 0.9em;

}



p.pagenav a {

	background : #ccc;

	color: black;

	padding:2px;

	border: 1px solid #bbb;

	text-decoration: none;

	font-size:90%;

}



p.pagenav a:hover {

	background:#000000;

	color:white;

}



p.pagenav strong {

	color: black;

	padding:2px;

	border: 1px solid #000;

}











body{

	background: #eeeeee;

	color: #000;

	font-size: 70%;

	line-height: 1.6em;

	font-family: Arial, sans-serif;

	/*border-top: 10px solid #DDD;*/

}



h1, h2, h3, h4, h5, h6{

	font-family: "Trebuchet MS", sans-serif;

}



h1{font-size: 1.5em;}

h2{font-size: 1.4em;}

h3{font-size: 1.3em;}

h4{font-size: 1.2em;}

h5{font-size: 1.1em;}

h6{font-size: 1em;}



pre, code{

	font-size: 1.2em;

}



pre{

	width: 100%;

	overflow: auto;

	border: 1px solid #CCC;

}



fieldset{

	border: none;

}



label{

	cursor: pointer;

	cursor: hand;

}



.field label{

	display: block;

}



input,textarea{

	border: 1px solid #999;

}



textarea{

	width: 100%;

	font-size: 1em;

	font-family: Arial, sans-serif;

}



a{

	color: #000;

	text-decoration:none;

}



a:visited{

	color: #000;

	text-decoration:none;

}



a:hover{

	color: #fff;

	background-color:#000;

}



.left{

	float: left;

	margin-right: 1em;

}



.right{

	float: right;

	margin-left: 1em;

}

.catimage {

border:0px;

background-color:#FFFFFF;

margin: 0 0 0 0;

}

.catimage a:hover{

border-right:2px;

border-right-color:#000000;

background-color:#FFFFFF;

}
/******** Begin Navigation ********/

#navcontainer {
	font-family: Tahoma, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	margin: 0;
	padding-bottom: 20 px;
	padding-left: 30px;
	}

#navcontainer ul {
	padding-left: 0;
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 0;
/*	background-color: #E3DFBF; */
	background-color: transparent;
	color: #000;
	float: left;
	width: 100%;
	font-family: Tahoma, sans-serif;
	}

 #navcontainer ul li { display: inline; }

#navcontainer ul li .ok {
	padding: 0.2em 1em;
	background-color: #fff;
	color: #000;
	text-decoration: none;
	float: left;
/*background: url(img/nav_con.png);*/
	}

#navcontainer ul li .ok:hover {
/*background: url(img/nav_con_h.png);*/
	}


#navcontainer ul li a {
	padding: 0.2em 1em; 
	background-color: #fff;
	color: #000;
	text-decoration: none;
	float: left;
	border-right: 1px solid #E7F1FA;
	}

#navcontainer ul li a:hover {
	background-color: #000;
	color: #fff;
	}

#navcontainer ul li a.selected {
	background-color: #000;
	color: #fff;
	}

/******** End Navigation ********/


/* La page

-------------------------------------------------------- */

#page{

	background: #fff url(img/page.png) repeat-y center top;

	color: inherit;

}

 

/* L'entête

-------------------------------------------------------- */

#top{

	height: 120px;

	/*padding-top: 20px;*/

	background: #FFF url(img/top.png) no-repeat left top;

}



#top h1{

	height: 80px;

	line-height: 80px;

	margin: 0 0 0 40px;

	padding-top: 20px;

	color: #FFFFFF;

}



#top h1 a{

	text-decoration: none;

	color: #000000;

}



/* Le prélude

-------------------------------------------------------- */ 

#prelude{

	background-color:#eeeeee

	color: #DFDFDF;

	text-align: center;

	display:none;

}



#prelude a{

	color: #DFDFDF;

	background: transparent;

}



#prelude a:hover{

	color: #666;

	background: transparent;

}



/* Le contenu

-------------------------------------------------------- */

.day-date{

	padding-left: 20px;

	margin-left: -25px;

	color: #888;

	background: transparent url(img/day-date.png) no-repeat left center;

	font-style: italic;

}



.post-title{

	color: #666666;

	background: transparent;

	margin-bottom: 0;

}



.post-title a{

	color: #666666;

	background: transparent;

	text-decoration: none;

}



.post-info{

	margin-top: 0;

	color: #999999;

	background: transparent;

	padding-bottom: 1ex;

	padding-top: 1ex;

	/*border-bottom: 1px solid #FC0;*/

}



.post-info a{

	color: #666666;

	background: transparent;

	text-decoration: none;

}



.post-content{

	text-align: justify;

}



.post-content blockquote{

	font-family: Georgia, serif;

	font-style: italic;

}



.post-info-co{

	text-align: right;

}

#trackbacks blockquote, #comments blockquote{

	border: 1px solid #EEE;

	margin: 1em 0;

	padding: 1ex 1em;

}



/* La barre de navigation

-------------------------------------------------------- */

#sidebar div{

	border-bottom: 1px solid #F0F0F0;

	border-left: 1px dashed #F0F0F0;

	color: inherit;

}



#sidebar div ul{

	margin: 0;

	padding: 0;

	list-style: none;

}



#sidebar h2, #sidebar h3{

	color: #000000;

	margin: 0 0 1ex 0;

}



#sidebar h3{

	font-size: 1em;

	margin: 0;

}



#sidebar div#search{

	background: transparent;

	color: inherit;

	line-height: 2.3em;

}



#search fieldset, #search p{

	margin: 0;

	padding: 0;

}



#q{

	padding-left: 18px;

	background: #fff url(img/q.png) no-repeat 4px center;

}



#sidebar div#calendar{

	/*border-top: 1px solid #F0F0F0;*/

}



#sidebar div#calendar table{

	font-size: 0.8em;

	text-align: center;

	margin: 0 auto;

	border-collapse: collapse;

}



#sidebar div#calendar table caption{

	margin: 0 auto;

}



#sidebar div#calendar table th{

	color: #000;

	background: transparent;

}



#sidebar div#calendar table td{

	width: 14%;

	line-height: 2em;

	border: 1px solid #EEE;

}



#sidebar div#calendar table td a{

	display: block;

	background: #ccc;

	color: #000;

	font-weight: bold;

	text-decoration: none;

}



#sidebar div#calendar table td a:hover{

	background: #000;

	color: #fff;

}

#sidebar div#categories a:hover{

background-color:#ffffff;

}

.ratio {

background-color: #FFFFFF;

border-width: 1px;

border-color: #E4E4E4;

border-style: solid;

color: #000000;

}



/* Le pied de page

-------------------------------------------------------- */

#footer{

	background: transparent url(img/bottom.png) no-repeat left bottom;

	height:35px;

	margin: 0 0 0 0;

}



#footer a{

	color: #999;

}