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

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

body{

    margin: 0 0 0 0;

	background: #ffffff;

	background-image:url(img/page.png)

	color: #000;

	font-size: 80%;

	line-height: 1.6em;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	SCROLLBAR-FACE-COLOR: #c8e9ff;

	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; 

	SCROLLBAR-SHADOW-COLOR: #ffffff;

	SCROLLBAR-3DLIGHT-COLOR: #ffffff;

	SCROLLBAR-ARROW-COLOR: #01538f; 

	SCROLLBAR-TRACK-COLOR: #ffffff;

	SCROLLBAR-DARKSHADOW-COLOR: #ffffff;



}



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: Verdana, Geneva, Arial, Helvetica, sans-serif;

}



a{

	color: #000;

}



a:visited{

	color: #01538f;

}



a:hover{

	color: #006bb9;

}



.left{

	float: left;

	margin-right: 1em;

}



.right{

	float: right;

	margin-left: 1em;

}



/* La page

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

#page{
	background: #fff url(img/page.png) repeat-y center top;
	color: inherit;
	padding: 0px;
	width: 780px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}

 

/* L'entête

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

#top{

	height: 97px;

	/*padding-top: 20px;*/

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

	

}



#top h1{

	height: 80px;

	line-height: 80px;

	margin: 0 0 0 0 40px;

    padding-top: 20px;

	color: #FFFFFF;

}



#top h1 a{

	text-decoration: none;

	color: #FFFFFF;

}



/* Le prélude

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

#prelude{

	background: transparent;

	color: #01538f;

	text-align: center;

}



#prelude a{

	color: #01538f;

	background: transparent;

}



#prelude a:hover{

	color: #c8e9ff;

	background: transparent;

}



/* Le contenu

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

.day-date{

	padding-left: 20px;

	margin-left: -25px;

	color: #01538f;

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

	font-style: italic;

}



.post-title{

	color: #01538f;

	background: transparent;

	margin-bottom: 0;

}



.post-title a{

	color: #01538f;

	background: transparent;

	text-decoration: none;

}



.post-info{

	margin-top: 0;

	color: #01538f;

	background: transparent;

	padding-bottom: 1ex;

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

}



.post-info a{

	color: #01538f;

	background: transparent;

	text-decoration: none;

}

.post-chapo {
margin-bottom: 2em;
text-align: justify;
}

.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 #01538f;

	margin: 1em 0;

	padding: 1ex 1em;

}



/* La barre de navigation

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

#sidebar div{

	border-bottom: 1px solid #F0F0F0;

	color: inherit;

}



#sidebar div ul{

	margin: 0;

	padding: 0;

	list-style: none;

}



#sidebar h2, #sidebar h3{

	color: #004784;

	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: #c6e8ff 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: #493;

	background: transparent;

}



#sidebar div#calendar table td{

	width: 14%;

	line-height: 2em;

	border: 1px solid #01538f;

}



#sidebar div#calendar table td a{

	display: block;

	background: #01538f;

	color: #01538f;

	font-weight: bold;

	text-decoration: none;

}



#sidebar div#calendar table td a:hover{

	background: #c8e9ff;

	color: #636;

}

#sidebar p.poll_reponse {

	margin-bottom: 0;

}

#sidebar div.poll_bar_ext {

	margin: 0;

	padding: 0;

	background: none;

	

	width: 100px;

	height: 10px;

	text-align: left;

	border: 1px solid #336699;

}

#sidebar div.poll_bar_int {

	margin: 0;

	padding: 0;

	border: none;

	background: none;

	

	height: 10px;

	background-color: #336699;

}



/* Le pied de page

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

#footer{

	height: 80px;
	margin: 0;
	padding-top: 5px;
	padding-right: 30px;
	color: #01538f;
	background: #FFF url(img/footer.png) no-repeat left top;

}


#footer a{

	color: #01538f;

}