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

/* *****************************************
	Global
******************************************* */
	html, body {
		margin-top: 5px; padding: 0;
		}
	body{
		background: #0b0b0b url(img/logo2.jpg) top center no-repeat;
		color: #fff; font-family: Lucida Grande, Helvetica, sans-serif;
		font-size: 67.5%;
		}
	a {color: #fff}
	a:hover {color: #bbd341}
	a:visited {color: #89bc22}
	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
******************************************* */
	#liento a {color:#FFF; text-decoration:none; }
	#liento a:hover {color:#c3d744; text-decoration:none; }
	#slogan {color:#999999;}
	#page {
		position: absolute; top: 0; left: 50%;
		margin-left: -390px;
		margin-top: 165px;
		width: 780px;
        background: #212121 url(img/fondmain.jpg) top center repeat-x;
		}
	#main {
		width: 550px;
		float: right;
		margin-top:5px;
		}
	#content {margin: 0 20px 0 0px;}
/* *****************************************
	Bannière logo
******************************************* */
	#top {
	margin: 0 0 0 50px;
		}
/* *****************************************
	Liens du haut de page
******************************************* */
	#prelude {
		position: absolute; top: 0; right: 30px;
		color: #ddd;
		}
	#prelude a {color: #ccc}
/* *****************************************
	Sidebar + in Sidebar
******************************************* */
	#sidebar {
		width: 190px; float: left;
		margin-left:6px;
		margin-top:5px;
		padding: 0 0 0 1.5em; overflow: visible;
		background: #131313 url(img/fondside.jpg) top center repeat-x;
		}
	#sidebar a {text-decoration: none}
	#sidebar h1, #sidebar h2, #sidebar h3,
	#sidebar h4, #sidebar h5, #sidebar h6 {
		color: #5dbc74;
		font-weight: normal;
		margin: 0 0 0.5em 0;
		}
	#sidebar h2 {
		padding: 0 0 0.4em 0; margin: 0 8px 0 0;
		font-size:14px;
		}
	#sidebar div {
		margin: 0 0 1em 0;
		}
	#sidebar ul {
		margin: 0; padding: 0;
		list-style: none;
		line-height: 20px;
		}
	#sidebar p {color: #444; line-height: 1.3em;}
	#categories li a {
		font-size: 1.2em; font-weight: bold;
		}
/* *****************************************
	Pieds de page
******************************************* */
	#menuhaut {
	color:#fff; }
	
	#footer {
		position: relative;
		clear: both;
		width: 780px; height: 44px;
		background: #171717;
		margin: 50px 0 0 0;
		}
	#footer a {position: absolute; top: -5px; right: 50px}
/* *****************************************
	Billets
******************************************* */
	.post {
		position: relative;
		line-height: 1.5em;
		margin: 0 0 1em 0px;
		padding: 2px 5px 0 5px;
		background : #0f0f0f url(img/fondpost.jpg) top right no-repeat;
	}
	
	.postdump {
		position: relative;
		line-height: 1.1em;
		font-size:90%;
		margin: 0 0 0.5em 0px;
		padding: 2px 5px 0 5px;
		background : #0f0f0f url(img/fonpost.gif) bottom right no-repeat;
	}
	
		.postpub {
		position: relative;
		line-height: 1.5em;
		margin: 0 0 1.5em 0px;
		padding: 2px 5px 0 0px;
	}
	.post .day-date {
		olor: #adbcc4;
		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 {
		background: #2c2c2c;
		font-size: 10px;
		}
	.post .day-date .month {}
	.post .post-info {
		font-size: 0.9em;
		color: #5dbc74;
		font-family: "HelveticaNeue-Light", Helvetica Neue Light, Helvetica, Arial, Geneva, sans-serif;
		margin: 0 0 18px 0; padding: 2px 0 0 0px;
		line-height: 1.3em;
		}
	.post .post-content {color:#a7a7a7;}
	.post .post-info a {
		color: #fff;
		text-decoration:none;
	   }
	   .post .post-info a:hover {
		color: #fff;
		text-decoration:underline;
	   }
	.post h2.post-title  {
	   font-size: 14px;
	   color: #fff;
	   font-weight:bold;
	   margin: 0 0 0px 0;
	   }
	.post .post-title a {
		text-decoration: none;
		color: #ccc;
		}
	.post .post-info-co {
		padding: 0 0 0 25px; margin: 0;
		line-height: 1.5em; vertical-align: middle;
		color: #ffffff;
		float:right;
		}
	.post .post-info-co a {
		color: #ffffff;
		text-decoration: none;
		}
	.post .post-title a:hover {color: white}
	
	.feuillet {
	position: absolute; top: 0; left: 0;
	 }
	
/* *****************************************
	Contenu du billet
********************************************/
	.post a {color: #f0317f}
	.post a:visited {color: #fff}
	.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: #56017d; 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: #eee;
		border: 1px #ccc solid;
		}

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

	.inptTxt {
		border: 0px;
		}
	.inptArea {}
	.inptCbox {}
	.inptTxt:hover, .inptArea:hover, .inptCbox:hover {border: 0pxt;}
	.inptTxt:focus, .inptArea:focus, .inptCbox:focus {
		border: 0px;
		}
	#comments label {line-height: 1.5em;}
	fieldset {
		padding-left : 15px;
		padding-bottom : 15px;
		border: 0px;
		background: #0f0f0f;
		}
		
	.ajoutercom { 
	font-size : 14px;
	color:#fff;
	padding : 10px 0 10px 0;
	}	


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

        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: 10px; width: 22px; height:22px;}


    /*    !!!!!!!!!!!  */
    
	#search input {
        border: 0px; height: 15px;
        padding: 0 0 0 0; margin: 0;
        vertical-align: middle;
		}
	#search input#q {

	background: #fff url(img/q.png) no-repeat 4px center;
		font-size: 1em;
		width: 130px;
        height: 15px;
        border: none;
        padding: 1px 1px 1px 18px; margin: 0;
        vertical-align: middle;
        color: #456c7c;
		}

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

	#comments p.comment-info {
		color: #8c8c8c;
		}
	#comments blockquote {
		background-image: none;
		font-style: normal;
		background-color: #0f0f0f;
		color: #8c8c8c;
		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}