body {
	margin: 0px 10px 10px 0px;
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 80%;
	background-color: white;
	color: black;
	/* background-image: url("images/balancoire3.png"); */
	background-repeat: no-repeat;
}

#prelude { text-align: right; margin: 0 0 0 0; }
#prelude, #prelude a, #prelude a:visited { color: silver; }

#titre {
	/* border: dotted red 1px; */
	height: 228px;
	margin: 0 0 0 0;
	text-align: center;
	vertical-align: bottom;
}

#titre h1 {
	font-size: 300%;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-right: 215px;
	padding-left: 215px;
	padding-top: 78px;
}

#titre p {
	margin-top: 0px;
	padding-top: 0px;
	width: 215px;
	margin: auto;
	/* background-image: url("images/white80.png"); */
}

#titre h1 a {
	text-decoration: none;
	/* background-image: url("images/white80.png"); */
}

#rubriques {
/* 	background-image:url(""); */
/* 	background-repeat:no-repeat; */
	background-color: transparent;
	top: 50px;
	left: 35px;
	position: absolute;
	float: left;
	clear: both;
	display: inline;
	margin-left: 0px;
	margin-right: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 1px;
	line-height: normal;
	font: 12pt verdana; 
	font-weight: bold; 
	}
#rubriques ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#rubriques ul li {
	float: left;
	margin-left: 10px;
	padding: 0;
	}
#rubriques ul li a:hover, #rubriques ul li a:active {
	border-collapse: collapse; border: 1px solid #333333;
	color: #FFFFFF;
	background-color: #696969;
	text-decoration: none;
	padding: 2px 5px 2px 5px;
	}
#rubriques li a:link, #rubriques li a:visited {
	border-collapse: collapse; border: 1px solid #333333;
	padding: 2px 5px 2px 5px;
	}

#main post {} /* contient h2/titre + infos + article + interaction */

#main {padding: 0px 220px 0px 220px}

#main h2 {
	/*float: left; */
	width: 60%;
	/*border: red dotted 1px; */
	padding-top: 0px;
	margin-top: 0px;
}

#main .infos {} /* contient h3 et h4*/

#main h3 {
	padding: 0;
	margin: 0;
	font-size: smaller;
	/*border: 1px green dotted; */
}

#main h4 {
	padding: 0;
	margin: 0;
	font-size: smaller;
	/*border: 1px green dotted; */
}
	
#main h3 a:after { content: "\0000a0" /* url("images/icone-permalien.png"); */ }

#main h4 a:after { content: "\0000a0]"; }

#main h4 a:before { content: "[\0000a0"; }
	
#main .article { /* contient le bloc article */
	clear: left;
	text-align: justify;
}

#main h5 {
	font-size: 1.3em;
}

#main h6 {
	font-size: 1.1em;
}

#main .interaction { /* contient le bloc commentaires + trackback */
	margin-bottom: 40px;
	text-align: right;
	font-size: small;
}

#main a {
	text-decoration: none;
	font-weight: bold;
	color: #444;
}

.article, .chapo {
	line-height: 140%;
	margin-bottom : 1em;
}
	
#divers { /* contient */
	position: absolute;
	top: 30px; /* was: 250px*/
	right: 10px;
	/*border: blue 1px dotted; */
	/* background-image: url("images/white80.png"); */
	z-index: 10;
	width: 205px;
	padding: 05px;
	text-align: right;
	/*margin: 0px 15px 0px 15px; */ 
}

#divers fieldset, form {
	margin: 0;
	border: 0px;
	padding: 0;
}

#divers label {
	display: block;
	padding-top: 1em;
}

#divers h4 {
	display: none;
}

fieldset { border-style: none;} 

#archives {
	/* border: 1px dotted green; */
  /* background-image: url("images/trampoline2.png"); */
  background-repeat: no-repeat;
  padding-top: 200px;
	position: absolute;
	top: 360px;
	right: 10px;
	width: 205px;
}

#blogroll { /* blogroll FR/US/lectures sous forme de H4+LI */
	position: absolute;
	top: 260px;
	left: 10px;
	width: 200px;
}

.menu ul {
	list-style: none;
	padding-left: 1em;
}

.menu li {
	display: block;
}

.menu a {
	text-decoration: none;
	color: #000099;
}

.menu a:hover {
	background-color: #cc0033;
	color: white;
}

.menu li a:visited {
	text-decoration: none;
}

#footer {
	margin: 0px 220px 0px 220px;
	border-top: silver 1px dotted;
}

/* stylage des caractËres et ÈlÈments des articles (par opposition au 'chrome' */
abbr, acronym { 
	cursor: help;
}

a[hreflang]:after {
	color: gray;
	font-weight: bold;
	content: "\0000a0[" attr(hreflang) "]";
}

/* Commentaires, pompÈ sur Mat */
.contenucomment label {
	width: 9.1em;
	float: left;
	font-weight: bold;
	margin-left: 1em;
}

.contenucomment input, .contenucomment textarea {
	margin-left: 1em;
	width: 20em;
}

.fincomment {
	margin-left: 11em;
	margin-top: 1em;	
}

blockquote.comment {
	margin: 0;
}

blockquote.comment p {
	margin : 0;
}

p.comment-info {
	margin-top : 0;
}

.actu-images {
	padding : 5px 0 5px 0;
	text-align : center;
	max-width: 520px;
	}

/* pour aide mÈmoire uniquement, utiliser plutot les selecteurs ci-dessus */
#menu h4 {} /* contient */
#menu ul {} /* contient */
#menu li {} /* contient */
#menu form {} /* contient le formulaire de recherche et celui du switcher */
#menu fieldset {} /* contient le label, la liste et le bouton submit/OK */



/* Calendrier
-------------------------------------------------------- */
.cal {
	text-align : center;
	padding : 0.5em 0 1em 0;
}

.cal table {
	border-collapse : collapse;
	font-size : 0.8em;
	margin : 0 auto 0 auto;
}

.cal caption {
	width : 100%;
	padding : 0 0 0.3em 0;
	font-size : 1.2em;
}

.cal abbr {
	border : none;
}

.cal th, .cal td {
	border : 0;
	padding : 0.2em;
}
.cal td {
	text-align : center;
}

.cal td.active a {
	font-weight : bold;
}

.cal a {
}