body {
	margin : 0;
	padding : 0 0 0 30px;
	font-family : "lucida grande",lucida,Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size : 0.76em;
	color : #666;
	quotes: '\0000ab\0000a0' '\0000a0\0000bb' '\00201c\0000a0' '\0000a0\00201d';
	background-color : #fff;
}


/* Personnalisation des couleurs de fond ++++++++++++++++++++++++++++++++++++ */

/*Fond de fenêtre*/
	#body {
		background-color:#fff;
	}

/*Couleur de la bordure de page*/
	#layout {
	padding:auto;
	border : 3px solid #f7f7f7;
	}

 */

/* -------------------------------------------------------------------------------------------
Elements communs
------------------------------------------------------------------------------------------- */

h1 { font-size : 2em; margin : 0.67em 0; }
h2 { font-size : 1.5em; margin : 0.83em 0; }
h3 { font-size : 1.17em; margin : 1em 0; }
h4 { font-size : 1em; margin : 1.33em 0; }
h5 { font-size : 0.83em; margin : 1.67em 0; }
h6 { font-size : 0.67em; margin : 2.33em 0; }

h2 {
	font-family : Georgia,"Times New Roman","New York",serif;
	font-weight : normal;
}

p { margin : 1em 0; }
img { border : none; }
form { display : block; margin : 0; padding : 0; }

code,pre { 
	font-family : "Courier New",monospace; 
	font-size : 1.1em; 
	background:#f7f7f7;
}

pre {
	margin : 0 auto;
	margin-bottom : 1em;
	padding : 0.5em;
	text-align:left;
	white-space:normal;
	/* caché pour IE 5 Mac qui sait pas faire \*/
	white-space:pre;
	width: 90%;
	overflow : auto;
	/* Fin hack */
}

q { font-style : italic; }


/* Personnalisation des liens +++++++++++++++++++++++++++++++++++++++++++++
Changer la couleur des liens "au repos" -> a { }
Changer la couleur des liens survoles, sur focus et actives -> a:hover, a:focus, a:active { }
		et la couleur qui vient surligner ces liens (background)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

a {
	color : #0293A7;
	text-decoration:none;
}

a:hover, a:focus, a:active {
	color: #A71602;
	background:#abd6de;
}

a[hreflang]:after {
	content: "\0000a0[" attr(hreflang) "]";
	color : #999;
	font-size:0.86em;
	background : transparent;
}

table {
	font-size : 1em;
}
cite:before {content: open-quote;}
cite:after {content: close-quote;}


/* Structure (layout > page + sidebar)
===================================================== */
#layout {
margin-left:auto;
margin-right:auto;
	margin-top:24px;
	margin-bottom:24px;
	padding : 0;
	width:756px;
		/* ci-dessous hack pour Internet Explorer */
		voice-family: "\"}\""; 
  		voice-family:inherit;
  		width :750px;
}

/* page > top + prelude + main
============================================= */
#page {
	width:540px;
	float:right;
}

/* ------------------------------------- Top + prelude --------------------------------------------------------------

PERSONNALISATION DU TOP +++++++++++++++++++++++++++++++++++++++++++++
Choisir une image d'environ 500x270 pixels (maxi 540x280), la placer dans le dossier du theme.
Ce theme est prevu pour un titre place dans l'image (au pied) 
Modifier ci-dessous : 
- le nom de l'image (actuellement 'fond.jpg')
- la couleur du titre (h1 a)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#top {
	display:block;
	padding:0;
	height:153px;
	clear:both;
	background: url(images/top.jpg) no-repeat left 0px;
}
#top h1 {
	/*display:block;
	height:290px;*/
	margin : 0;
	padding-top:153px;
	padding-right:0px;
	text-align:right;
}
#top h1 a {
display:none;
height:153px;
	color: #F3B23A;
	text-decoration : none;
	font-size: 24px;
	font-family: Geneva, Arial, Helvetica, sans-serif, ;
}

#prelude, #prelude a {
	position : relative;
	color:#fff;
}
/* ============== Main (partie des billets) ================== */
#main {
	padding:0;
	margin:0;
}

#main h3 {
	color : #A71602;
	margin-top : 2em;
}

#main h2{
	font-size: 25px;
	color: #A71602;
}

#content {
	padding : 1px 1em 1px 1px;
}
/* --------------------- Billets ---------------------------------- */
.post {
	margin-top : 0em;
	clear:both;
	margin-bottom:1em ;
	text-align:justify;
}

.post h3{
	font-size: 14px;
	color: #A71602;
}



.day-date {
	clear:both;
	font-size : 1em;
	text-transform:lowercase;
	margin-bottom:0;
	text-align : left;
	margin-top:50px;
	padding-left:30px;
	color : #F3B23A;
	background : transparent url(images/k.gif) no-repeat; /* ici la 'lettrine' 27x25px de debut de titre de billet */
	line-height:28px
}
.post-title {
	color : #A71602; /* Couleur du titre du billet en mode 'billet seul' +++++++++++++++++++++++++++++ */
	background : transparent ;
	font-family : Georgia,"Times New Roman","New York",serif;
	font-style:italic;
	margin-top:0;
	padding-top:0;
}
.post-title a {
	color : #A71602; /* Couleur du titre du billet en page d'accueil ++++++++++++++++++++++++++++++++ */
	text-decoration : none;
}
.info {
	float:right;
	width:100px;
	padding: 0 4px;
	font-family : Georgia,"Times New Roman","New York",serif;
	color : #999;
	border-left:1px solid #999;
	text-align:center;
	margin:1em 0 0 1em;
}

.info a {
text-decoration:none;
}

.post-info {
color:#A71602; /* Couleur de la date et de l'auteur du billet +++++++++++++++++++++++++++++ */
margin-top:0;
margin-bottom:0;
}

.post-info-co {
font-family:"lucida grande",lucida, verdana, helvetica, arial, sans-serif;
font-size:0.9em;
margin-bottom:0.5em;
}

.post-info-co span {
	background : transparent;
	padding : 0;
}

.post-chapo {
	margin-bottom : 2em;
}
.post-content {
}

.post blockquote {
	border-left:6px dotted #f7f7f7;
	padding-left:1em;
	margin-left:1em;
	font-family:Georgia, "times new roman", times, serif;
}

/* -------- Commentaires et trackbacks ------------- */

#trackbacks, #comments, #comment-preview {
	margin : 0 ;
}
#trackbacks h3, #comments h3, #comment-preview h3 {
	font-family:Georgia, "times new romaarande",lucida,Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size : 1em;
	border-width : 1px;
	border-color : #ccc;
}
#trackbacks {
	border-top:1px solid #a71602;
	border-bottom:1px solid #a71602;
	margin:0.5em 0;
}

#trackbacks blockquote, #comments blockquote, #comment-preview blockquote {
	display : block;
	margin : 0 0 1em 0;
	padding : 1px 1em 0 3em;
	font-style : normal;
	color : #666;
}
.comment-info {
	margin : 0;
}

#comments blockquote {
	background:#f9f9f9;
}

.comment-number {
	font-family : Georgia,"Times New Roman","New York",serif;
	font-size : 2em;
}
.comment-number a {
	text-decoration : none;
}

/* ============== Sidebar ================== */
#sidebar {
	float:left;
	width : 220px;
	padding-left:0px;
	padding-top:24px;
	padding-bottom : 24px;
	line-height:120%;
	font-size:0.92em;
		/* hack pour IE */
		voice-family: "\"}\""; 
		voice-family:inherit;
		width :160px;
}

#sidebar h2 {
	/*border-bottom:1px solid #999;*/
	padding : 2px 0;
	margin:30px 0 0 0 ;
	color : #54B268;
	font-family : "lucida grande",lucida,Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-weight:bold;
	text-transform : uppercase;
	font-size:1em;
}

#sidebar h3 {
	border-bottom:1px solid #999;
	padding : 2px 0;
	margin:0;
	font-weight : normal;
	font-size:1em;
}

#sidebar ul {
	padding-left : 0;
	margin : 0 0 0 0;
	list-style : none;
}

#sidebar li {
	display : block;
	color : #e2d6ad;
	padding:5px 0;
	
}

#sidebar a {
	text-decoration : none;
	color:#A71602;
	padding-left:12px;
}

#sidebar a:hover {
	 /*++++++++++ ci-dessous image a cote des titres du menu : remplacable par une autre image 11x9 pixels ++++++++++ */
	background:transparent url(images/fleche.gif) no-repeat 0 50%;
}

/* --------------- Calendrier */
#calendar {
	font-size:1.1em;
	line-height:100%;
	width:160px;
	margin-bottom:2em;
}
#calendar h2 {
	display:none;
}
#calendar table {
	border-collapse : collapse;
	font-size : 0.85em;
	margin : 0 auto;
}

#calendar caption {
	color : #0293A7;
	font-weight:bold;
	padding : 0 0 0.3em 0;
	font-size : 1.2em;
	margin : 0 auto;
}
#calendar abbr {
	border : none;
	font-style : normal;
}

#calendar th, #calendar td {
	border : none;
	padding : 1px;
}
#calendar td {
	text-align : center;
}

#calendar td.active {
	border : 1px solid #A71602;
}
#calendar td.active a {
	font-weight : bold;
}

#calendar a {
	font-weight : bold;
}

/* --------------- Recherche */
/* Search form */
#research {
display:block;
float:right;
padding-top:0px;
}
#q {
}
/* --------------- Archives */
#archives {
}

/* ---------------- Liens */
#links {
}

/* --------------- Syndication */
#syndicate {
}

/* --------------- Déco en bas du menu */
#block1 {
margin-top:4em;
width:170px;
height:140px;
background : transparent url(images/jumelle.jpg) no-repeat 50%; /* ++++++++ image remplacable largeur max 170px +++++++++ */
}

/* ================ Footer ===================== */
#footer {
	clear: both;
	margin: 0;
	padding: 0.5em 1em;
	color: #666;
	text-align: right;
	line-height: 100%;
	position : relative;
	border-top:1px solid #a71602; /* +++++++++++++ Couleur du filet superieur du footer +++++++++++++++ */
	font-size:0.76em;
}
#footer a {
	color : #333;
	text-decoration:none;
	font-weight:bold;
}


/* ======================== Forumulaires, erreurs, etc ================== */
.error {
	border : 1px solid #c00;
	background : #fee;
	padding : 0.5em;
}
.error ul {
	padding-left : 20px;
}
.error li {
	list-style : square;
}


/* Interactions
-------------------------------------------------------- */
fieldset {
	display : block;
	border : none;
	margin : 0;
	padding : 0;
}

input, textarea {
	font-family : "lucida grande",lucida,Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size : 1em;
	border-width : 1px;
	border-color : #ccc;
}

input[type], textarea[name] {
	background: #f7f7f7;
}

input[type=submit], input[type=reset] {
	background : #fff;
	color : #999;
}

input[type=submit]:hover {
	background : #f7f7f7;
	color : #333;
}

textarea {
	width : 95%;
}

p.field {
	margin : 0.5em 0 0 0;
}

p.field label {
	display : block;
	font-weight : bold;
	font-size : 0.85em;
}

.form-help {
}

#comment-form {
}

input.preview {
}
input.submit {
}

#c_nom {
}
#c_mail {
}
#c_site {
}
#c_content {
}
#c_remember {
}

/* Paramètres généraux de la boite (div) qui contient la liste : pas de marge,
* indication essentielle pour IE qui en met par défaut ; définition de la couleur
* du fond. Je réduis un peu la taille des caractères à une valeur de neuf
* dixièmes et je demande que le contenu soit aligné à droite :
*/
 #nav-box {
margin : 0;
padding : 0;
background-color: #339933;
font-weight : bold;
font-size : 0.9em;
text-align: left;
}
/* Paramètres généraux de la liste (ul). Toujours mes marges à zéro,
 * le padding (marge intérieure) servira à dégager le texte en haut et en
 * bas de 5 pixels tout en le décollant également de 1em du bord droit
 * ce dernier point est indispensable pour Internet Explorer, comme on
 * le verra pour #nav-box ul li a { }. list-style-type : none; déclare que
* je ne place pas de puces devant chaque item.
 */
 
#nav-box ul {
margin : 0;
padding : 5px 1em 5px 0;
list-style-type : none;
}
 /* Paramètres des liens. display : inline; donne comme instruction de ne
* marge intérieure haute et basse de 5 pixels pour que les items occupent
* toute la place verticale créée pour la liste
 */
 
#nav-box ul li {
 display: inline;
padding :  0;
 }
/* On retrouve le padding haut et bas de 5 pixels (car sinon Internet Explorer
 * va n'en faire qu'à sa tête) et j'ajoute un espace latéral de 1em de chaque
* côté des liens. J'indique également la couleur des caractères des liens et je
 * place un bord gauche continu et blanc de 1 pixel de large. text-decoration :
 * none; indique que je ne veux pas que les liens soient soulignés (ce qui serait
 */
#nav-box ul li a {
   color: #FFFFFF;
     text-decoration: none;
    padding : 5px 1em 5px 1em;
     border-left: 1px solid #fff;
}
 /* Ici, ce qui se passe au survol des liens : changement de la couleur du fond,
 * de la couleur des caractères, je n'oublie pas de remettre à ce lien survolé le
 */
 
#nav-box ul li a:hover {
  background-color: #A71602;
 color: #ffffff;
 border-left: 1px solid #fff;
 }

 #nav-box a:active {
     border-left: 1px solid #fff;
 }