body {
	background: url(images/terrain.jpg); margin: 0px; font: 12px/158% arial
}

/* mise en valeur supérieure */

.top H1 {
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: normal; color: #FFFFFF;
	margin: 0px; line-height: 16px; padding-top: 0px; padding-left: 20px;
	background:url(images/puce-ballon.gif) no-repeat 
}

/* menu inférieur */

.bottom {
	font: 11px Georgia, "Times New Roman", Times, serif; 
	margin: 0px; line-height: 22px; padding-top: 0px;
	color: #FFFFFF; text-align: center
}
.bottom A {
	COLOR: #FFFFFF; BORDER-bottom: #FFFFFF 1px dotted; TEXT-DECORATION: none
}
.bottom A:hover {
	COLOR: #F0DC8B; BORDER-bottom: #F0DC8B 1px dotted
}


/* navigation latérale */

div.sidenav {
	clear: both; background: url(images/sidenav-barre.gif) repeat-x 50% top; float: left;
	width: 149px; margin-right: 1px; padding-top: 1px
}
div.sidenav ul {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; width: 149px; 
	padding-top: 0px; list-style-type: none
}
div.sidenav ul li {
	clear: both; background: url(images/sidenav-barre.gif) repeat-x 50% top; float: left
}
div.sidenav ul li A {
	display: block; background: url(images/sidenav-background1.gif) no-repeat; 
	font: 12px Georgia, "Times New Roman", Times, serif; width: 149px; 
	COLOR: #FFFFFF; height: 24px; TEXT-DECORATION: none
}
body div.sidenav ul li A {
	overflow: hidden
}
div.sidenav ul li.subnav A {
	background: url(images/sidenav-background2.gif) no-repeat; height: 18px;
	font: 11px Georgia, "Times New Roman", Times, serif; COLOR: #FFFFFF
}
div.sidenav ul li A span {
	display: block; margin: 4px 0px 0px 18px
}
div.sidenav ul li.subnav A span {
	display: block; margin: 2px 0px 0px 25px
}
div.sidenav ul li A.active {
	background: url(images/sidenav-background1.gif) #505765 no-repeat 0px -24px; COLOR: #FFFFFF
}
div.sidenav ul li A:hover {
	background: url(images/sidenav-background1.gif) #505765 no-repeat 0px -24px; COLOR: #FFFFFF
}
div.sidenav ul li.subnav A.active {
	background: url(images/sidenav-background2.gif) #505765 no-repeat 0px -18px
}
div.sidenav ul li.subnav A:hover {
	background: url(images/sidenav-background2.gif) #505765 no-repeat 0px -18px
}


/* navigation supérieure */

#nav {
	background: #5A3908; width: 750px; height: 20px; margin: 0; padding: 0;
}
#nav ul {
	margin: 0; padding: 0; list-style: none; border-top: 1px solid; background: #383d44;
}
#nav li {
	float: left; margin: 0; padding: 0; font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px; letter-spacing: 2px;
}
#nav li a {
	float: left; padding: 0px 12px; text-decoration: none; color: #e7e3d9;
	background: url(../images/nav-barre.gif) no-repeat bottom right;
}
#nav li a:hover {
	color: #fff; background: #A58452 url(../images/nav-barre.gif) no-repeat bottom right;
}
#nav li a.active {
	font-weight: bold; color: #fff;
	background: #92502D url(../images/nav-barre.gif) no-repeat bottom right;
}




/* article */

.rubrique {
	font-family: Arial, Helvetica, sans-serif;
	COLOR: #FFFFFF
}
.texte {
	font-family: Arial, Helvetica, sans-serif;
}
.texte a {
	COLOR: #202F5A; BORDER-bottom: #202F5A 1px dotted; TEXT-DECORATION: none
}
.texte a:hover {
	COLOR: #354D93; BORDER-bottom: #354D93 1px dotted; TEXT-DECORATION: none
}
.texte H2 {
	font: 24px Georgia, "Times New Roman", Times, serif;
	font-weight: bold; font-style: italic; margin: 0
}
.texte H3 {
	font: 12px Georgia, "Times New Roman", Times, serif;
	font-weight: bold;padding-left: 35px;
	background:url(../images/puce-texte.gif) no-repeat
}
.texte H4 {
	font: 32px Georgia, "Times New Roman", Times, serif;
	font-weight: bold; font-style: italic; margin: 0; text-align:center
}
IMG.gauche {
	margin-right:10px; TEXT-ALIGN: left
}
IMG.droite {
	margin-left:10px; TEXT-ALIGN: right
}
.liens {
	font-family: Arial, Helvetica, sans-serif;
}
.liens a {
	COLOR: #636333; BORDER-bottom: #636333 1px dotted; TEXT-DECORATION: none
}
.liens a:hover {
	COLOR: #5A3908; BORDER-bottom: #5A3908 1px dotted; TEXT-DECORATION: none
}
.theme {
	display: block; margin-left:10px; margin-right:10px
}

IMG.gauche {
	margin-right:10px; TEXT-ALIGN: left
}
IMG.droite {
	margin-left:10px; TEXT-ALIGN: right
}