/*
	V 1.0 - 12 avril 2005
	Auteur : Gatan - http://www.shinze.com
*/

/* *****************************************
	Global
******************************************* */
	html, body {
		margin: 0; padding: 0;
		}
	
	body{
		margin-left: 20px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		background: #f9e8c9 url(img/bgPage.png) left repeat-y;
		color: #a52d0d; font-family: Lucida Grande, Helvetica, sans-serif;
		font-size: 67.5%;
		}
*/
	body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #424a30;
}
	a {color: #900202}
	a:hover {color: #ffffff}
	a:visited {color: #ff5021}
	/*abbr {
		border-bottom: 1px dotted #ccc;
		font-style: italic;
		}
	blockquote {
		margin: 0;
		padding: 0 0 0 40px;
		background: transparent url(img/bgQuote.png) no-repeat 0 -10px;
		font-style: italic;
		}
	blockquote p {
		padding: 0 40px 0 0;
		background: transparent url(img/bgPQuote.png) no-repeat 100% 110%;
		}
	h1, h2, h3, h4, h5, h6 {
		font-family: "HelveticaNeue-Light", Helvetica Neue Light, Helvetica, Arial, Geneva, sans-serif;
		font-weight: normal;
		}
	img {border: none;}
	p {	font-size: 1.1em;}
/* *****************************************
	Blocs principaux
******************************************* */
	#page {
		position: absolute; top: 0; left: 20px;
		margin-left: 0px; width: 841px;
		}
	#main {
		width: 520px;
		float: right;
		}
	#content {margin: 0 20px 0 0px;}
/* *****************************************
	Bannière logo
******************************************* */
	#top {
		position: relative; top:0px; left: 0px;
		height: 95px; width: 841px;
		background: #f9e8c9 url(img/bgTop.png) left bottom no-repeat;
		}
	/*#top h1 {
		position: absolute; top: 0; left: 30px;
		}
	#top h1 a {
		font-size: 30px; line-height: 1em;
		text-decoration: none;
		color: #f1027f;
		}
	#top h1 a:hover {color: #56017d;}
/* *****************************************
	Liens du haut de page
******************************************* */
	/*#prelude {
		position: absolute; top: 0; right: 30px;
		color: #ddd;
		}
	#prelude a {color: #ccc}
/* *****************************************
	Sidebar + in Sidebar
******************************************* */
	#sidebar {
		width: 210px; float: left;
		margin: 0 20px 0 10px; overflow: hidden;
		}
	#sidebar a {text-decoration: none}
	#sidebar h1, #sidebar h2, #sidebar h3,
	#sidebar h4, #sidebar h5, #sidebar h6 {
		color: #900202;
		border-bottom: 0px #f3eef6 solid;
		font-weight: normal;
		margin: 0 0 0.5em 0;
		}
	#sidebar h2 {
		padding: 0 0 0.4em 0; margin: 0 0px 0 0px;
		background: transparent url(img/bgSidebarTitles.png) left no-repeat;
		font-size: 18px;
		}
	#sidebar div {
		margin: 0 0 1em 0;
		}
	#sidebar ul {
		margin: 0; padding: 0;
		list-style: none;
		line-height: 20px;
		}
	#sidebar p {color: #900202; line-height: 1.3em;}
	#calendar {}
	#calendar caption {color: #e44312; text-transform: uppercase}
	#calendar abbr {font-style: normal; color: #e44312}
	#calendar table {width: 92%; border-collapse: collapse}
	#calendar td {
		border-bottom: 1px #900202 solid;
		height: 1.2em;
		text-align: center;
		color: #900202; line-height: 1.8em;
		}
	#calendar th {height: 2em;}
	#calendar a {
		display: block;
		background-color: #f6aa6d;
		color: #900202; font-weight: bold;
		border: 1px #900202 solid;
		width: 1.8em; line-height: 1.8em;
		}

	#calendar a:hover {color: #ffffff;	background-color: #900202 ; border: 1px #900202 solid;}
	#calendar caption {font-weight: bold;}

    /* Liens suivants-précédents */

    #calendar caption a {

		line-height: 1.2em;

		display: inline;

		margin: 0 15px 0 15px; padding: 0 5px 0 5px;

		vertical-align: middle;

        }

	#categories li a {
		font-size: 1.2em; font-weight: bold;
		}
/* *****************************************
	Pieds de page
******************************************* */
	#footer {
		position: relative;
		clear: both;
		width: 841px; height: 100px;
		background: #f9e8c9 url(img/bgFooter.png) left bottom no-repeat;
		margin: 50px 0 0 0;
		}
	/*#footer a {position: absolute; top: -5px; right: 50px}
/* *****************************************
	Billets
******************************************* */
	.post {
		position: relative;
		line-height: 1.5em;
		margin: 0 0 1.5em 40px;
		padding: 0 20px 0 0;
	}
	.post .day-date {
		position: absolute; top: -2px; left: -45px;
		background: transparent url(img/bgBotDate.png) no-repeat bottom center;
		width: 40px; color: #f4deb5;
		font-family: Helvetica, Arial, Geneva, sans-serif;
		margin: 0; padding: 0;
		}
	.post .day-date span {
		display: block; text-align: center; font-weight: bold;
		}
	.post .day-date .day {
		text-shadow: 2px 2px 2px #f4deb5;
		background: transparent url(img/bgTopDate.png) no-repeat top center;
		font-size: 2em; padding: 8px 0 0 0;
		}
	.post .day-date .month {}
	.post .post-info {
		font-size: 0.9em;
		text-transform: uppercase;
		color: #900202;
		font-family: "HelveticaNeue-Light", Helvetica Neue Light, Helvetica, Arial, Geneva, sans-serif;
		margin: 0 0 0.3em 0; padding: 0 0 0 15px;
		line-height: 1.3em;
		background: transparent url(img/icnEtoile.png) no-repeat left center;
		}
	.post .post-content {}
	.post .post-info a {
		color: #900202;
	   }
	.post h2.post-title  {
	   font-size: 1.8em;
	   color: #900202;
	   margin: 0 0 18px 0;
	   }
	.post .post-title a {
		text-decoration: none;
		color: #900202;
		}
	.post .post-info-co {
		background: transparent url(img/icnComments.png) no-repeat 5px 51%;
		padding: 0 0 0 25px; margin: 0;
		line-height: 1.5em; vertical-align: middle;
		color: #900202; border-bottom: 1px #900202 dotted;
		}
	.post .post-info-co a {
		color: #900202;
		text-decoration: none;
		}
	/*.post .post-title a:hover {color: black}
/* *****************************************
	Contenu du billet
********************************************/
	.post a {color: #a52d0d}
	.post a:visited {color: #a52d0d}
	.post-content h1 {font-size: 2.2em}
	.post-content h2 {font-size: 1.8em}
	.post-content h3 {font-size: 1.6em}
	.post-content h4 {font-size: 1.5em}
	.post-content h5 {font-size: 1.4em}
	.post-content h6 {font-size: 1.2em}
	.post-content p {line-height: 1.4em}
	.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6  {
		color: #a52d0d; line-height: 1.3em;
		margin: 0 0 0.5em 0;
		clear: both; /* Permet le retour à la ligne des titres après une image*/
		}

	.post-content p, .post-content ul, .post-content ol, .post-content pre, .post-content address {margin: 0 0 1em 0}
	 Élements de mise en forme des tag PRE et CODE ***** TEST ***** */
    .post-content abbr {cursor: help; color: #000}
    .post-content pre, .post-content code {

        border: 1px #ccc solid;

        padding: 5px;

        background-color: #f3eef6;

        font-size: 1.2em;
        overflow: auto;

        }
	*/.post p img {
		float: left; display: block;
		padding: 0.5em;
		margin: 5px 15px 15px 0;
		background-color: #11173b;
		border: 1px #11173b solid;
		}

/* *****************************************
	Formulaire
********************************************/

	/*.inptTxt {
		border: 2px #ffa inset;
		}
	.inptArea {}
	.inptCbox {}
	.inptTxt:hover, .inptArea:hover, .inptCbox:hover {border: 2px #a868aa inset;}
	.inptTxt:focus, .inptArea:focus, .inptCbox:focus {
		border: 2px #bbb inset;
		background-color: #ffc;
		}
	#comments label {font-weight: bold; line-height: 1.5em;}
	fieldset {
		border: 1px #ccc solid;
		background: #ffe
		}



    /* !!!!!!!!!!!


        BUG dans Safari lié à la taille du texte et du bouton "OK"
        cette ligne n’est donc pas lue par Safari 1.2 (Mise en forme du formulaire de recherche)
        

        Sources :

        http://archivist.incutio.com/viewlist/css-discuss/30988

        http://www.saila.com/attic/sandbox/filters/language_pseudo-class.html */



        html:lang(fr) #search input {font-size: 0px; width: 22px;}



    /*    !!!!!!!!!!!  */

    

	#search input {
        background: transparent url(img/bgSearchBtn.png) no-repeat top left;

        border: none; height: 22px;

        padding: 5px 0 23px 0; margin: 0;

        vertical-align: middle;

		}

	#search input#q {
		font-size: 1em;
		width: 150px;
        background: transparent url(img/bgSearch.png) no-repeat top left;

        height: 22px;

        border: none;

        padding: 3px 5px 3px 20px; margin: 0;

        vertical-align: middle;

        color: #f3058f;

		}

/* *****************************************
	Zone de commentaires
********************************************/

	#comments span.comment-info {
		color: #a52d0d ;
		}
	#comments div.commentaire {
		background-image: none;
		font-style: normal;
		font-size: 11px;
		color: #990066;
		border: 1px #900202 solid;
		background-color: #FDF5E8;
		padding: 1em;
		}
	#comments blockquote p {background-image: none; padding: 0;}
	#comments p.comment-buttons {text-align: right}

/* elements speciaux */
	hr.no {clear: both; visibility: hidden}