body {

font-size : 86%;

margin : 0;

padding : 0;

text-align : center; /* indispensable pour qu'Internet Explorer centre la page dans la fenetre */

background : #ffffff;

color:#000;

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

}



#deco {
width : 950px;
background : #ffffff url(images/gauche.gif) left top no-repeat;
margin : 5px auto 50px auto;
}    

    

#page {

width : 870px;

margin-left:94px;

padding : 0;

background : transparent url(images/bandeauhaut.gif) left top no-repeat;   

text-align : left;

    }



#content {

width : 670px;

margin-left:180px;

padding-top:290px;

	}



#en-tete {
  overflow: hidden;
  float:left;
  background-color: transparent;
  font-size:0.85em;
  margin-top:-78px;
  margin-left:90px !important;
  padding-bottom:50px;
}

#en-tete ul {

  float: right;

  margin-top: 16px;

  margin-right: 16px;

  margin-bottom: 0px;

  margin-left: 0px;

  padding: 0px;

  list-style: none;

}

#en-tete ul li {

  float: left;

  margin-left: 3px;

}

#en-tete ul li a {

  float: left;

  text-decoration: none;

  letter-spacing: 1px;

  padding-left: 10px;

  background-image: url(images/coin-gauche.png);

  background-position: 0% -473px;

  background-repeat: no-repeat;

}



#en-tete ul li a span {

  float: left;

  padding-top: 6px;

  padding-right: 10px;

  padding-bottom: 3px;

  padding-left: 0px;

  background-image: url(images/coin-droit.png);

  background-position: 100% -473px;

  background-repeat: no-repeat;

  color: #ffffff;

}



#en-tete ul li a:hover {

  background-position: 0% -223px;

}

#en-tete ul li a:focus {

  background-position: 0% -500px;

}

#en-tete ul li a:hover span {

  background-position: 100% -223px;

}

#en-tete ul li a:focus span {

  background-position: 100% -500px;

}





    

#sidebar {
position:absolute;
margin-top:200px;
margin-left:-170px;
text-align:left;
font-size:0.85em;
color:#666;
line-height:125%;
}

*+html #sidebar {
margin-left:-840px;
}

.spacer {

  clear: both;

}

 

#footer {
display:block;
width : 850px;
background : #421C10;
clear : both;
text-align:right;
line-height:200%;
margin-top:-2px;
margin-left:94px;
padding-right:18px;
color:#FFF;
margin-bottom:20px;
	}



#p1 {

margin-top:-300px!important!;

}

    

/* ==============================================================

        2. BALISES HTML

/*  ============================================================= */



h1 {font-size : 2em; }

h2 { font-size : 1.33em; margin : 0; }

h3 { font-size : 1.25em; margin : 1.5em 0 0 0; }

h4 { font-size : 1em; margin : 1.5em 0 0 0; }

h5 { font-size : 0.83em; margin : 1.5em 0 0 0; }

h6 { font-size : 0.67em; margin : 1.5em 0 0 0; }



p { margin : 1em 0 0 0; }



img { border : none; }



q, cite { 

	font-style : italic; 

	background : #f7f7f7; 

	}



form { 

    display : block; 

    margin : 0; 

    padding : 0; 

    }



code, pre { 

    font-family : "Courier New",monospace; 

    font-size : 1.1em;

    color : #66c;

    }



pre {

	background : #f5f5f5;

	border : 1px solid #A71602;

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

}





/* ==============================================================

        3. LES LIENS

/*  ============================================================= */





/* ********** Regles generales ************* */



a {

	text-decoration : none;

	}

a:link {

	color:#96B801; 

	}

a:visited {

	color:#A71602; 

	}

a:hover, a:focus {

	color:#FAFAFA; 

	}



/* =================================================================

        5. LES BILLETS

/* ============================================================= */

.post {
background : transparent url(images/puce.png) no-repeat;
padding-top:310px!important;
padding-left:10px;
margin-bottom : -1em;
}

html:not([lang*=""]) .post {
background : transparent url(images/puce.png) no-repeat;
padding-top:10px!important;
padding-left:10px;
margin-bottom : -1em;
}


@media all and (min-width: 0px)
{
.post {
background : transparent url(images/puce.png) no-repeat;
padding-top:10px;
padding-left:10px;
margin-bottom : -1em;
}
}

.post a:hover, a:focus {
color:#96B801; 
}

.post a:link {
color:#A56410; 
	}



.day-date {

	display:none;

	}

    

.post-title {

	text-transform : uppercase;

	font-weight : normal;

	padding-left : 42px;

	}

    

.post h3, .post h4, .post h5, .post h6 {

	font-weight : normal;

	color : #666;

	margin-top : 2em;

	text-transform : uppercase;

	text-align : left;

	}

    

.post-info {

	margin : 0.25em 0;

	color : #999;

	padding-left : 42px;

	}

    

.post-chapo {

	margin : 1em 0;

	text-align : justify;

	}

    

.post-content {

	text-align : justify;

	margin-top : 0.5em;

	}

    

.post-content p, .post-chapo p {

	margin-top : 1em;

	line-height : 140%;

	}

    

.post-info-co {

	margin-bottom:2em;

	margin-top:0.5em;

	}

    

.post blockquote {

	margin:2em;

	padding:0 2em 0 1em;

	border-left : 4px solid #ddd;

	}

    

.post img {

	padding : 2em 0;

	}

    

.footnotes {

	font-size:0.9em;

	}

    

.footnotes, .footnotes p {

	margin-top : 1em; text-indent : 0;

	}

    

.post ul {

	list-style-type : none;

	margin-left : 1.5em;

	padding-left : 0;

	}

    

.post ul li {

	padding-left : 13px;

	background : transparent url(images/puce.png) no-repeat 0 0.4em;

	}



/* =================================================================

        6. COMMENTAIRES, TRACKBACKS

            (voir aussi formulaires en 8)

/* ============================================================= */



#trackbacks, #comments, #comment-preview {

	}

#trackbacks {

	border-top : 4px dotted #ddd;

	background : transparent url(images/comments.png) no-repeat top right;

	}

#comments h3, #trackbacks h3 {

	margin-top : 2em;

	margin-bottom : 1em;

	}

.comment-info {

	margin : 0;

	padding :  2px 1em;

	background : #ddd;

}

#comments blockquote, #trackbacks blockquote {

	background : #eee;

	margin : 0 0 2em 0;

	padding : 2px 1em 0.5em 1em;

}



/* =================================================================

        7. SIDEBAR

/* ============================================================= */

    

#sidebar h2 {

	font-family:Georgia, serif;

	font-size : 1.33em;

	margin-top:1.5em;

	margin-bottom:0.5em;

	color : #A56410;

	}

#sidebar h3 {

	font-family:Georgia, serif;

	font-weight : normal;

	margin-top: 0.5em;

	margin-bottom:0.33em;

	color : #999;

	font-size : 1.1em;

	}

#sidebar ul {

	list-style:none;

	margin : 0 0 1em 0.66em;

	padding:0;

	}

#sidebar li {

	margin :0;

	padding : 0;

	}

#sidebar li a {

      padding-left : 10px;

      background : transparent url(images/fleche.png) no-repeat 0 0.4em;

      }

#sidebar li a:hover {

      background : transparent url(images/fleche2.png) no-repeat 0 0.4em;

      }

#search, #search h2 {

	margin-top:0;

	}

#archives {

    display : none;

    }



/* Le calendrier

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

#calendar {

    display : none;

	}

#calendar h2 {

	display : none;

	}

#calendar table {

	border-collapse : collapse;

	font-size : x-small;

	margin : 0 auto;

	}

#calendar caption { /* nom des mois */

	margin : 0 auto;

	padding : 0 0 0.3em 0;

	font-size : 1.2em;

	}

#calendar abbr { /* nom des jours */

	border : none;

	}

#calendar th, #calendar td { /* th : cellules d'entete vertical (jours) - td : cellules */

	border : none;

	padding : 1px;

	text-align : center;

	}

#calendar td.active { /* cellules du jour actif */

	background : #ddd;

	}



/* =================================================================

        8. FORMULAIRES (recherche et depot commentaire)

            interactions (messages d'erreur)

/* ============================================================= */



fieldset {

	display : block;

	border : none;

	margin : 0 0 0.5em 0;

	padding : 0;

	}

fieldset p {

	margin-bottom : 1em;

	}

.form-help {

	margin : 1em 0;

	}

input, textarea {

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

	font-size : 1em;

	border-width : 1px;

	border-color : #999;

	}

input[type], textarea[name] {

	background : #eee;

	}

input[type=submit], input[type=reset] {

	background : #ccc;

	color : #000;

	}

input[type=submit]:hover {

	background : #ccc;

	color : #fff;

	}

textarea {

	width : 95%;

	}

p.field {

	margin : 1em 0 0 0;

	}

p.field label {

	display : block;

	font-weight : bold;

	font-size : 0.85em;

	width : 12em;

	float : left;

	color : #666;

	}

.form-help {

	}

#comment-form {

	}

input.preview {

	}

input.submit {

	}

#c_nom {

	}

#c_mail {

	}

#c_site {

	margin-bottom : 1em;

	}

#c_content {

	}

#c_remember {

	}





/* Error messages

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

.error {

	border : 1px solid #c00;

	background : #fee;

	padding : 0.5em;

	}

.error ul {

	padding-left : 20px;

	}

.error li {

	list-style : square;

	}





/* =================================================================

        9. TRUCS EN PLUS

/* ============================================================= */



/* des classes supplementaires reutilisables dans les billets :

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

.petit {

	font-size:0.9em;

	}

.center {

	text-align : center;

	}

.right {

	text-align : right;

	}

.left {

	text-align : left;

	}



/*

Extra nav pour un menu horizontal 

(code source a placer avant prelude)

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

#top {

    border-bottom : 2px solid #bbb;

    }



ul#extranav {

	margin : 0;

	padding : 1px 34px;

	list-style-type : none;

	text-align: left;

	color : #666;

}



ul#extranav li {

	display: inline;

	padding : 1px 0;

}

	

ul#extranav li a {

	padding : 1px 6px 2px 6px;

	color: #fff;

	text-decoration: none;

    	background : #bbb;

    	border-left : 4px solid #fff;

}

	

ul#extranav li a:hover {

	color: #A71602;

}

	

ul#extranav a.active { 

	background-color: #fff;

	color: #A71602;

	border-bottom : 1px solid #bbb;

}



/* 

Pour related

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

.related h2 {

    text-transform : uppercase;

    font-weight:normal;

    padding-left : 44px;

    }

.related .post-content {

    margin-top : 3em;

    }



/* si table des matieres

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

#toc ul {

	list-style-type : none;

	margin : 0 0 0 2em;

	padding : 0;

	line-height : 130%;

}

.tocdate {

	font-family:"Lucida Grande", optima, "Trebuchet MS", sans-serif;

	font-size:0.85em;

}

#toc .post-title {

	padding-left : 0;

}



.gauche {

float:right;

margin-left:10px;

}



.droite {

float:left;

margin-right:10px;

}