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


/* mise en valeur supérieure */

.top H1 {
	font: 11px Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight: bold; color: #FFFFFF;
	margin: 0px; line-height: 16px; padding-top: 0px; padding-left: 30px;
	background:url(images/symbole-pied.gif) no-repeat 
}

/* menu inférieur */

.bottom {
	font: 11px Trebuchet MS, Arial, Helvetica, sans-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
}
.facebook A {
	BORDER-bottom: #FFFFFF 0px; TEXT-DECORATION: none
}
.facebook A:hover {
	BORDER-bottom: #FFFFFF 0px; TEXT-DECORATION: none
}



/* navigation supérieure */

#nav {
	background: #845200; 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: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px; 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: #BB8800 url(images/nav-barre.gif) no-repeat bottom right;
}
#nav li a.active {
	font-weight: bold; color: #fff;
	background: #841E00 url(images/nav-barre.gif) no-repeat bottom right;
}


/* homepage */

.home {
	margin: 0px;
}

.intro {
	padding: 3px
}
.home-edito {
	font: 12px Trebuchet MS, Arial, Helvetica, sans-serif;
	COLOR: #3C2500; 
	line-height: 18px; padding-top: 2px; padding-left: 5px; padding-right: 3px
}
.home-edito A {
	COLOR: #845200; BORDER-bottom: #845200 1px dotted; TEXT-DECORATION: none
}
.home-edito A:hover {
	COLOR: #BB8800; BORDER-bottom: #BB8800 1px dotted
}
.home-edito H1 {
	margin: 0px;
	font-size: 18px;
	font-weight: bold
}

.home-faune {
	font: 12px Trebuchet MS, Arial, Helvetica, sans-serif;
	COLOR: #3C2500; 
	line-height: 18px; padding-top: 2px; padding-left: 5px; padding-right: 3px
}
.home-faune H1 {
	margin: 0px;
	font-size: 18px;
	font-weight: bold
}
.home-faune A {
	COLOR: #845200; BORDER-bottom: #845200 1px dotted; TEXT-DECORATION: none
}
.home-faune A:hover {
	COLOR: #BB8800; BORDER-bottom: #BB8800 1px dotted
}
/* menus droits sous-homepages */

div.sidenav UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 10px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
div.sidenav ul li {
	PADDING-TOP: 6px
}
div.sidenav ul li A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 20px; BACKGROUND: url(images/puce.gif) no-repeat left top; PADDING-BOTTOM: 5px; FONT: bold 11px Trebuchet MS, Arial, Helvetica, sans-serif; COLOR: #72141a; PADDING-TOP: 0px; TEXT-DECORATION: none
}
div.sidenav ul li A:visited {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 20px; BACKGROUND: url(images/puce.gif) no-repeat left top; PADDING-BOTTOM: 5px; FONT: bold 11px Trebuchet MS, Arial, Helvetica, sans-serif; COLOR: #72141a; PADDING-TOP: 0px; TEXT-DECORATION: none
}
div.sidenav ul li A:hover {
	PADDING-RIGHT: 0px; PADDING-LEFT: 20px; BACKGROUND: url(images/puce-hover.gif) no-repeat left top; PADDING-BOTTOM: 5px; FONT: bold 11px Trebuchet MS, Arial, Helvetica, sans-serif; COLOR: #E6DDCE; PADDING-TOP: 0px; TEXT-DECORATION: none
}

div.sidenav ul li.focus {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 10px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
div.sidenav ul li.focus {
	PADDING-TOP: 6px
}
div.sidenav ul li.focus A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 20px; BACKGROUND: url(images/puce-hover.gif) no-repeat left top; PADDING-BOTTOM: 5px; FONT: bold 11px Trebuchet MS, Arial, Helvetica, sans-serif; COLOR: #E6DDCE; PADDING-TOP: 0px; TEXT-DECORATION: none
}
div.sidenav ul li.focus A:visited {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 20px; BACKGROUND: url(images/puce-hover.gif) no-repeat left top; PADDING-BOTTOM: 5px; FONT: bold 11px Trebuchet MS, Arial, Helvetica, sans-serif; COLOR: #E6DDCE; PADDING-TOP: 0px; TEXT-DECORATION: none
}
div.sidenav ul li.focus A:hover {
	PADDING-RIGHT: 0px; PADDING-LEFT: 20px; BACKGROUND: url(images/puce-hover.gif) no-repeat left top; PADDING-BOTTOM: 5px; FONT: bold 11px Trebuchet MS, Arial, Helvetica, sans-serif; COLOR: #E6DDCE; PADDING-TOP: 0px; TEXT-DECORATION: none
}

div.sidenav ul li.subnav {
	PADDING-RIGHT: 0px; PADDING-LEFT: 20px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 10px; PADDING-TOP: 3px; LIST-STYLE-TYPE: none
}
div.sidenav ul li.subnav A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 17px; BACKGROUND: url(images/puce-sub.gif) no-repeat left top; PADDING-BOTTOM: 5px; FONT: bold 11px Trebuchet MS, Arial, Helvetica, sans-serif; COLOR: #72141a; PADDING-TOP: 0px; TEXT-DECORATION: none
}
div.sidenav ul li.subnav  A:visited {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 17px; BACKGROUND: url(images/puce-sub.gif) no-repeat left top; PADDING-BOTTOM: 5px; FONT: bold 11px Trebuchet MS, Arial, Helvetica, sans-serif; COLOR: #72141a; PADDING-TOP: 0px; TEXT-DECORATION: none
}
div.sidenav ul li.subnav  A:hover {
	PADDING-RIGHT: 0px; PADDING-LEFT: 17px; BACKGROUND: url(images/puce-sub-hover.gif) no-repeat left top; PADDING-BOTTOM: 5px; FONT: bold 11px Trebuchet MS, Arial, Helvetica, sans-serif; COLOR: #E6DDCE; PADDING-TOP: 0px; TEXT-DECORATION: none
}

div.sidenav ul li.subnav-focus {
	PADDING-RIGHT: 0px; PADDING-LEFT: 20px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 10px; PADDING-TOP: 3px; LIST-STYLE-TYPE: none
}
div.sidenav ul li.subnav-focus A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 17px; BACKGROUND: url(images/puce-sub-hover.gif) no-repeat left top; PADDING-BOTTOM: 5px; FONT: bold 11px Trebuchet MS, Arial, Helvetica, sans-serif; COLOR: #E6DDCE; PADDING-TOP: 0px; TEXT-DECORATION: none
}
div.sidenav ul li.subnav-focus  A:visited {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 17px; BACKGROUND: url(images/puce-sub-hover.gif) no-repeat left top; PADDING-BOTTOM: 5px; FONT: bold 11px Trebuchet MS, Arial, Helvetica, sans-serif; COLOR: COLOR: #E6DDCE; PADDING-TOP: 0px; TEXT-DECORATION: none
}
div.sidenav ul li.subnav-focus  A:hover {
	PADDING-RIGHT: 0px; PADDING-LEFT: 17px; BACKGROUND: url(images/puce-sub-hover.gif) no-repeat left top; PADDING-BOTTOM: 5px; FONT: bold 11px Trebuchet MS, Arial, Helvetica, sans-serif; COLOR: #E6DDCE; PADDING-TOP: 0px; TEXT-DECORATION: none
}

IMG.gauche {
	BORDER-RIGHT: #845200 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #845200 1px solid; PADDING-LEFT: 1px; FLOAT: left; PADDING-BOTTOM: 1px; MARGIN: 5px 10px 8px 0px; BORDER-LEFT: #845200 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #845200 1px solid; TEXT-ALIGN: left
}
IMG.droite {
	BORDER-RIGHT: #845200 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #845200 1px solid; PADDING-LEFT: 1px; FLOAT: right; PADDING-BOTTOM: 1px; MARGIN: 5px 3px 8px 10px; BORDER-LEFT: #845200 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #845200 1px solid; TEXT-ALIGN: right
}
IMG.centre {
	BORDER-RIGHT: #845200 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #845200 1px solid; PADDING-LEFT: 1px; FLOAT: right; PADDING-BOTTOM: 1px; MARGIN: 0px 0px 0px 0px; BORDER-LEFT: #845200 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #845200 1px solid
}

.compteur {display: none}

.cap {
	font: 12px Trebuchet MS, Arial, Helvetica, sans-serif;
	COLOR: #845200; text-align:center;
}
.cap A {
	COLOR: #845200; BORDER-bottom: #845200 1px dotted; TEXT-DECORATION: none
}
.cap A:hover {
	COLOR: #841E00; BORDER-bottom: #841E00 1px dotted
}