body {
	margin: 4px;
	font: .8em/1.6em "Trebuchet MS", Arial, sans-serif;
	color: #554444;
	background: #e9e3e9;
}
a {
	color: #ff6600;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
a img {
	border: none;
	vertical-align: middle;
}
.violet {
	font-weight: 700;
	color: #b900bd;
}
.orange {
	font-weight: 700;
	color: #ff8e42;
}
.vert {
	font-weight: 700;
	color: #99cc33;
}
#total {
	width: 800px;
	margin: 0 auto;
	background: #e6e7e0 url(../images/fond-total.gif) repeat-y;
}
#entete {
	margin: 0;
}
#entete a {
	display: block;
	width: 800px;
	height: 215px;
	color: #ffffff;
	background: #339933 url(../images/entete.jpg) no-repeat;
	text-indent: -9000px;
	font-size: 0;
	line-height: 1px;
	text-decoration: none;
}
#menu {
	margin: 0;
	width: 770px;
	height: 30px;
	padding-left: 30px;
	background: #cccccc url(../images/fond-menu.jpg);
}
#menu li {
	float: left;
	list-style: none;
}
#menu a {
	display: block;
	float: left;
	height: 26px;
	padding: 4px 10px 0 16px;
	font: 700 1em "Trebuchet MS",Arial,Helvetica,sans-serif;
	text-decoration: none;
	color: #999999;
	background: transparent url(../images/puce1.gif) no-repeat 0 0;
}
#menu a:hover, #menu a.courant {
	color: #ff6600;
	background-position: 0 -100px;
}
#colonne {
	float: right;
	width: 245px;
}
.postit {
	width: 220px;
	margin: 22px 0 0 4px;
	background: #f7f7f7 url(../images/fond-postit.gif) repeat-y;
}
.postit h3 {
	margin: 0;
	text-indent: -9000px;
	background: #f7f7f7 url(../images/tete-postit1.gif) no-repeat;
}
.postit h3 span, .postit h3 a {
	display: block;
	height: 62px;
	text-decoration: none;
}
.postit p, .postit ul {
	margin: 0;
	padding: 5px 20px 30px 15px;
	font: italic .9em "Comic Sans MS","Trebuchet MS",sans-serif;
	color: #002395;
	background: transparent url(../images/pied-postit.jpg) no-repeat 0 100%;
}
.postit ul {
	padding-left: 30px;
}
.encart {
	width: 220px;
	margin: 22px 0 0 1px;
	padding-bottom: 15px;
	font-size: .9em;
	background: #ffffff url(../images/encart-colonne_02.gif) no-repeat 0 100%;
}
.encart h3 {
	padding: 15px 15px 0;
	text-align: center;
	font-size: 1.4em;
	background: url(../images/encart-colonne_01.gif) no-repeat 0 0;
}
.encart h3 span {
	display: block;
	border-bottom: 1px solid #554444;
}
#marquise {
	padding-left: 19px;
}
#corps {
	padding: 20px 277px 0 33px;
	background: url(../images/tete-contenu.jpg) no-repeat;
}
#contenu {
	position: relative;
}
#contenu h2 {
	margin-top: 0;
	height: 68px;
	text-indent: -9000px;
}
#contenu h3, #contenu h1 {
	text-align: right;
	font-size: 1.2em;
	color: #339933;
	border: 1px solid #339933;
	border-width: 0 0 1px;
}
#contenu object {
	margin-bottom: 35px;
}
#contenu .attention {
/* BUG IE : on ne peut pas mettre du padding-bottom sinon ça coupe le chien-pied dans IE */
	padding: 7px 5px 0 40px;
	min-height: 34px;
	background: #f3f1a9 url(../images/attention.jpg) no-repeat 3px 4px;
}
#contenu .attention em, #contenu .attention span {
/* magouille pour obtenir du padding-bottom à cause du BUG IE ci-dessus */
	position: relative;
	top: -5px;
}
#corps-pied {
	background: url(../images/chien-pied.jpg) no-repeat 100% 100%;
}
#sur-pied {
	/* padding-top: 11px; */
	background: url(../images/bas-corps.jpg) no-repeat 0 0;
}
#pied {
	clear: both;
	background: #7e0080 url(../images/pied.jpg) no-repeat 0 100%;
}
#pied address {
	margin: 0;
	padding: 2px 263px 13px 40px;
	text-align: right;
	font-style: normal;
	font-weight: 700;
	color: #ffffff;
}
#pied-bas {
	font-size: .9em;
	text-align: center;
}
.courant {
	cursor: default;
}
* html img {
	behavior: url(css/pngHack.htc);
}