body
{
	margin: 10px 0 ;
	padding: 0 ;
	text-align: center ;
	font: 16px "Times New Roman", Times, serif ;
	background: #bcf368 ;
	color:#000000 ;
}

#cadre { /* taille du cadre, à titre d'exemple */
background-color: #faa51f;
}
/* propriétés communes à l'ensemble des 4 coins */
#hautgauche, #hautdroit, #basgauche, #basdroit {
height: 19px; width: 19px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
#hautgauche {
background: url(images/hautgauche.gif);
}
#hautdroit {
float: right;
background: url(images/hautdroit.gif);
}
#basgauche {
background: url(images/basgauche.gif);
}
#basdroit {
float: right;
background: url(images/basdroit.gif);
}

#cadre2 { /* taille du cadre, à titre d'exemple */
background-color: #90f372;
}
/* propriétés communes à l'ensemble des 4 coins */
#hautgauche2, #hautdroit2, #basgauche2, #basdroit2 {
height: 19px; width: 19px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
#hautgauche2 {
background: url(images/hautgauche2.gif);
}
#hautdroit2 {
float: right;
background: url(images/hautdroit2.gif);
}
#basgauche2 {
background: url(images/basgauche2.gif);
}
#basdroit2 {
float: right;
background: url(images/basdroit2.gif);
}

#cadre3 { /* taille du cadre, à titre d'exemple */
background-color: #f5f244;
}
/* propriétés communes à l'ensemble des 4 coins */
#hautgauche3, #hautdroit3, #basgauche3, #basdroit3 {
height: 19px; width: 19px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
#hautgauche3 {
background: url(images/hautgauche3.gif);
}
#hautdroit3 {
float: right;
background: url(images/hautdroit3.gif);
}
#basgauche3 {
background: url(images/basgauche3.gif);
}
#basdroit3 {
float: right;
background: url(images/basdroit3.gif);
}

#cadre4 { /* taille du cadre, à titre d'exemple */
background-color: #71b8e3;
}
/* propriétés communes à l'ensemble des 4 coins */
#hautgauche4, #hautdroit4, #basgauche4, #basdroit4 {
height: 19px; width: 19px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
#hautgauche4 {
background: url(images/hautgauche4.gif);
}
#hautdroit4 {
float: right;
background: url(images/hautdroit4.gif);
}
#basgauche4 {
background: url(images/basgauche4.gif);
}
#basdroit4 {
float: right;
background: url(images/basdroit4.gif);
}

#cadre5 { /* taille du cadre, à titre d'exemple */
background-color: #f5f244;
width: 23em;
}
/* propriétés communes à l'ensemble des 4 coins */
#hautgauche3, #hautdroit3, #basgauche3, #basdroit3 {
height: 19px; width: 19px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
#hautgauche3 {
background: url(images/hautgauche3.gif);
}
#hautdroit3 {
float: right;
background: url(images/hautdroit3.gif);
}
#basgauche3 {
background: url(images/basgauche3.gif);
}
#basdroit3 {
float: right;
background: url(images/basdroit3.gif);
}

div#conteneur
{
	width: 970px ;
	margin: 0 auto ;
	text-align: left ;
	border: 2px solid #0d9714 ;
	background: #ffffff ;
	color: #000000 ;
}

h1#header 
{
	height: 258px ;
	background: url(images/logo.gif) no-repeat left top ;
	margin: 0 ;
}

h1#header a
{
	width: 400px ;
	height: 258px ;
	display: block ;
	background: url(images/anim1.gif) no-repeat ;
	position: relative ;
	left: 580px ;
	top: 0px ;
	text-indent: -5000px ;
}

ul#menu
{
	height: 35px ;
	margin: 0 ;
	padding: 0 ;
	font: 0.9em "Geneva", Arial, Helvetica, sans-serif ;
	background: url(images/menu.gif) repeat-x 0 -25px ;
	list-style-type: none ;
}

ul#menu2
{
	height: 35px ;
	margin: 0 ;
	padding: 0 ;
	font: 0.9em "Geneva", Arial, Helvetica, sans-serif ;
	background: url(images/menu.gif) repeat-x 0 -25px ;
	list-style-type: none ;
}

ul#menu li
{
	float: left ;
	text-align: center ;
}

ul#menu2 li
{
	float: left ;
	text-align: center ;
}

ul#menu li a
{
	width: 192px ;
	line-height: 26px ;
	font-size: 1.1em ;
	font-weight: bold ;
	letter-spacing: 1px ;
	color: #0d9714 ;
	display: block ;
	text-decoration: none ;
	border-right: 2px solid #ffffff ;
}

ul#menu2 li a
{
	width: 192px ;
	line-height: 26px ;
	font-size: 1.1em ;
	font-weight: bold ;
	letter-spacing: 1px ;
	color: #faa51f ;
	display: block ;
	text-decoration: none ;
	border-right: 2px solid #ffffff ;
}

ul#menu li a:hover
{
	background: url(images/menu.gif) repeat-x 0 0 ;
	font-size: 1.2em ;
	color: #2f984f ;
}

ul#menu2 li a:hover
{
	background: url(images/menu.gif) repeat-x 0 0 ;
	font-size: 1.2em ;
	color: #faa51f ;
}

div#contenu
{
	padding: 0 25px 0 100px ;
	background: url(images/bg_page.gif) no-repeat 5px 60px ;
}

div#contenu2
{
	background-color: #faa51f;
	color: #666666;
	margin: 0px 15px ;
	text-align: justify ;
	text-indent: 1em ;
	line-height: 1.7em ;
}

div#contenu3
{
	background-color: #90f372;
	color: #666666;
	text-align: center ;
	text-indent: 1em ;
	line-height: 1.7em ;
}

div#contenu4
{
	background-color: #f5f244;
	color: #666666;
	margin: 0px 15px ;
	text-align: justify ;
	line-height: 1.7em ;
}

div#contenu5
{
	background-color: #71b8e3;
	color: #000000;
	margin: 0px 15px ;
	text-align: justify ;
	line-height: 1.7em ;
}

div#contenu6
{
	color: #FF0000;
	text-align: center ;
	line-height: 1.7em ;
}

div#contenu h2
{
	padding-left: 32px ;
	line-height: 30px ;
	font-size: 1.4em ;
	background: url(images/petit.gif) no-repeat left bottom ;
	color: #258b2a ;
}

div#contenu h3
{
	text-align: center ;
	line-height: 45px ;
	font-size: 20px ;
	color: #31ba38 ;
}

div#contenu h4
{
	text-align: right ;
	font: 18px "Times New Roman", Times, serif ;
	color: #000000 ;
}

div#contenu h5
{

	padding-left: 770px ;
	font: 18px "Times New Roman", Times, serif ;
	background: url(images/retour.gif) no-repeat right bottom ;
	color: #009900 ;
}

div#contenu h6
{
	padding-left: 32px ;
	line-height: 30px ;
	font-size: 1.4em ;
	background: url(images/petit4.gif) no-repeat left bottom ;
	color: #258b2a ;
}

div#contenu h7
{
	text-align: center ;
	font: 20px "Times New Roman", Times, serif ;
	color: #ffffff ;
}

div#contenu h1
{
	padding-left: 32px ;
	line-height: 30px ;
	font-size: 1.4em ;
	background: url(images/petit3.gif) no-repeat left bottom ;
	color: #258b2a ;
}

div#contenu p
{
	text-align: justify ;
	text-indent: 1em ;
	line-height: 1.7em ;
}

div#contenu a
{
	color: #214EE3 ;
}

div#contenu a:hover
{
	color: #FF0000 ;
}

p#footer
{
	margin: 0 ;
	padding-right: 10px ;
	line-height: 30px ;
	text-align: right ;
	color: #214EE3 ;
	font-size: 0.8em ;
}
p#footer a:hover
{
color: #FF0000
}
pre
{
	overflow: auto ;
	background: #dea ;
	border: 2px solid #9b2 ;
	padding: 5px 0 0 5px ;
	font-size: 1.2em ;
}

* html pre
{
	width: 636px ;
}

pre span
{
	color: #560 ;
}

pre span.comment
{
	color: #b30000 ;
}