body {
	background: #fff url(images/fond_body.gif) no-repeat left bottom fixed; padding: 0; text-align: center; margin: 0 0 66px 0
}
div, td, p {
	font: 12px Verdana, Arial, Helvetica, sans-serif; color: #000; text-align: justify; line-height: 140%
}
p, ul {
	margin: 7px 10px
}
ul {
	margin-left: 3px
}
a, a:link, a:visited {
	color: #C72727; font-weight: bold; text-decoration: none
}
a:hover, a:focus {
	color: #fff; text-decoration: underline
}
hr {
	clear: both; visibility: hidden
}
img {
	border: 0; margin: 0; vertical-align: middle
}
acronym {
	cursor: help; border-bottom: #000 1px dotted
}
h4 {
	font-size: 14px; padding-bottom: 3px; margin: 10px 10px 5px 10px; /*H D B G*/
}
/*------------- CODE -----------*/
h3, pre {
	border: 1px solid #DDF6F4; margin: 5px 10px 5px 10px; padding: 5px 10px 5px 10px
}
h3 {
	background: url(images/fond_titre.gif); color: #fff; font-size: 13px; margin-top: 15px
}
pre {
	background: #fff; border: 1px solid #099085;
}
/* IE5 Mac hack \*/
pre {
	overflow: auto;
	overflow-y: hidden;
}
/* fin IE5 Mac hack */
/* IE Win hack */
* html pre, * html h3 {
	width: 89%
}
* html pre {
	padding-bottom: 20px
}
/* fin IE Win hack */
.petit {
	font-size: 10px; padding: 0
}
/*------------- bloc -----------*/
#contenu {
	position: relative; width: 80%; min-width: 700px; max-width: 1000px; margin: 0 auto
}
/*------------- head -----------*/
#entete {
	background: url("images/fond_header.gif") repeat-x; width: 100%; height: 80px
}
#header1 {
	float: left; background: url("images/logoppan.gif") no-repeat; width: 50px; height: 50px
}
#header2 {
	float: right; background: url("images/titre.gif") no-repeat; width: 147px; height: 50px
}
h1 {
	clear: both; margin: 0; background: url("images/fond_titre.gif"); font-size: 16px; color: #FFF; padding: 5px 10px; _padding-top: 3px
}
/*-------- MENU ------*/
#menu {
	/*position: absolute; top: 80px; left: 8px;*/ position: relative; font-size: 12px; display:inline-block;padding:9px 0
}
#menu a, #menu span {
	white-space: nowrap
}
#menu a:hover, #menu a:focus {
	color: #999
}
/*------------- corps ----------*/
#corps {
	background: url("images/fond_corps.gif"); margin: 0; padding: 3px 0 5px 0; border: 1px solid #B0DCD8
}
/*------------- pub   ----------*/
#pub {
	padding: 1px 10px
}
/*------------- Print -----------*/
.noscreen {
	display: none
}
/*----------- Logos W3C ---------*/
#w3c {
	padding: 3px 0 3px 3px
}
#w3c img {
	border: 0
}
/*----------- icones ---------*/
#icones { position: absolute }
#icones a { display: block; width: 16px; height: 16px; text-decoration: none; float: left; margin-left: 5px; background-repeat: no-repeat }
a.blanc { background: url("images/ico_blanc.gif") }
a.vert { background: url("images/ico_vert.gif") }
a.printer { background: url("images/imprimer.gif") }
a.ppan { background: url("images/ico_ppan.gif") }
#icones a.rss { background: url("images/rss.gif"); width: 36px; height: 14px }
/*----------- réactions ---------*/
#reactions {
	background: white; margin: 7px 10px; padding: 5px 7px
}
#reactions h5, #reactions p {
	font: 13px arial, geneva, sans-serif; margin: 0
}
#reactions h5 {
	border-bottom: 1px solid #eee
}
#reactions p, #reactions pre {
	margin: 5px 7px
}
#reactions pre {
	border: 0; padding: 0
}
/* AfficherMasquer */
.MontrerTxt, .MasquerTxt { margin: 7px 10px; background: #eee; padding: 5px; border: 1px solid black }
.MasquerTxt { height: 48px; /* hauteur ajustée en fonction du site */ overflow: hidden; }
.MontrerTxt { height: auto; }