@charset "UTF-8";
/*********GOOGLE***********/
.cse-overlay {z-index:1000;}
.cse-overlay-bg {z-index:999;}
/*********GOOGLE***********/
head {
	height:100%;
}
body {
	height:100%;
	margin:0;
	padding:0;
	background:url(../img/grass.jpg);
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 20px;
}
marquee{
	color: #999999;
	font-style: italic;
}

#survey-button {
float:left;	
}

img {
	border:0;
}
h1 {
	color:#003300;
	font-weight: normal;
	font-style: italic;
	display:inline;
	margin-right:8px;
	line-height:35px;
}
h2 {
	display:inline;
	font-size: 18px;
	font-weight: normal;
}
hr {
	height: 1px;
	border-bottom:#999999 dotted 1px;
	border-left:0;
	border-right:0;
	border-top:0;
}
input, textarea {
	border-color:#009900;
	border-width:1px;
	border-style:solid;
	background-color:#FFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:13px;
}
input:focus, textarea:focus {
	border-style:dotted;
}

a:link {
color:#015927;
}

a:visited {
color:#619214;
}

a:hover {
text-decoration:none;
color:#015927;
}

#main {
	width:795px;
	left:50%;
	margin-left:-387px;
	position:absolute;
	background:#FFF;
}
#header {
	height:300px;
	width:775px;
	margin-top:10px;
	margin-left:10px;
	background:url(../img/header.jpg) no-repeat ;
}
#search-bar {
	float:right;
	margin-top:10px;
	margin-right:10px;
}
#menu {
	margin-left:10px;
	margin-right:10px;
	margin-top:1px;
	height:40px;
}
#body {
	float:right;
	width:540px;
	min-height:300px;
	/*padding-top:5px;*/
	padding-left:20px;
	margin-right:10px;
	/*margin-top:20px;*/
	margin-bottom:50px;
	border-left:#999999 dotted 1px;
}
.box {
	margin-top:30px;
	margin-left:10px;
	margin-right:20px;
	min-height:100px;
	width:165px;
	font-size:12px;
	line-height: normal;
	}
.boxcalendar {
	margin-top:20px;
	margin-left:10px;
	margin-right:20px;
	width:165px;
	font-size:12px;
	line-height: normal;
	height:320px;
	min-height:320px;
}
.caption{
	position:relative;
	top:-50px;
	font-size:15px;
	font-weight:bold;
	padding-bottom:10px;
	border-bottom:#999999 dotted 1px;
}
.star {
	height:50px;
	width:70px;
	background:url(../img/star.gif) no-repeat;
	color:#FFF;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	padding-top:20px;
	position:relative;
	top:-50px;
	left:110px;
	line-height:0.7em;
}
#footer {
	height:22px;
	width:785px;
	bottom:0px;
	clear:both;
	background:url(../img/footer.jpg) no-repeat;
	color:#FFF;
	font-size:11px;
	text-align: right;
	padding-top:120px;
	padding-right:10px;
}
/* calendrier */
#boxer{
	width:200px;
	position:absolute;
	margin-left:-375px;
	left:50%;
	top:860px;
	z-index:2;
}
#calendar_details{/*margin-top:180px;*/}
.calendar {
	top:450px;
	width:190px;
	border: 1px dotted #999;
	font-size: 12px;
	margin:0px;
	padding:0px;
	text-align:center;
}
.calendar .header {
	background-color: #eee;
	font-weight: bold;
	height: 24px;
	color: #003300;
}
.calendar .header a{
	background-color: #eee;
	font-weight: bold;
	height: 24px;
	color: #003300;
	text-decoration:none;
}
.calendar .footer {
	background-color: #eee;
	font-weight: bold;
	height: 24px;
	color: #003300;
	width:100%;

}
.calendar .footer a{
	background-color: #eee;
	font-weight: bold;
	height: 24px;
	color: #003300;
	text-decoration:none;
}
.calendar td {
	width: 22px;
	height: 20px;
	text-align: center;
	font-size:0.9em;
	padding: 2px;
}
.calendar .today {
	width: 18px;
	height: 16px;
	background-color: #FAD2DA;
	padding: 2px;
	border: 1px solid #000000;
}
.calendar .link {
	width: 18px;
	height: 16px;
	background-color: #D4C9EF;
	padding: 2px;
	border: 1px solid #000000;
}
/************************SCROLLING MARQUEE NEWS ************************/
/* position:relative and overflow:hidden are required */
#scroller {position:relative; overflow:hidden; width:100%;}
/* display:none prevents the controls being shown when JavaScript is not present */
#controls {display:none; text-align:right}
/* add link formatting for the controls */
/*#controls a {}*/
/* add formatting for the scrolling text */
#tag {
color: #4D4D4D;
font-style: italic;
margin-left:10px;
}
/* #testP must also contain all text-sizing properties of #tag */
#testP {visibility:hidden; position:absolute; white-space:nowrap;}
/************************SCROLLING MARQUEE NEWS END ************************/
/************************SOUS MENU************************/
#menuaf {
	margin-bottom:25px;
	margin-left:10px;
	font-size:10px;
	text-transform: uppercase;
}
#menuaf a {
	text-decoration:none;
	color:#003300;
}
#menuaf ul {
	margin:0;
	padding:0;
}
#menuaf li {
	display:inline;
	list-style-type:none;
	padding:5px;
	margin-left: 0 5px 0 5px;
	background:#edecec;
	height:15px;
}
.ml {
	float:left;
	margin:0 0.5px 0 0.5px;
}
.mr {
	float:right;
	margin-right:10px;
}
#menuaf li:hover {
	background:#dbd9d9;
}



/*subnav*/

#subnav {
background: url("../img/subnav-bckgrd.jpg") no-repeat top left;	
width:208px;
padding-bottom:20px;
color:#015927;
}

#subnavul {
list-style-type:none;
margin:0;
padding-left:8px;	
}

#subnavul a:link {
text-decoration:none;
color:#015927;
}

#subnavul a:visited {
text-decoration:none;
color:#619214;
}

#subnavul a:hover {
text-decoration:none;
color:#002c13;
}

#subnavul li {
list-style-type:none;
font-weight:bold;
font-size:14px;		
}

#subnavul ul.subul {
list-style-type:none;
margin:0;
padding:0;
}

#subnavul ul.subul li {
list-style-type:none;
padding-left:8px;
font-weight:normal;
font-size:12px;	
}

.promolink a:link {
color: #bdb707;	
}

.promolink a:visited {
color: #bdb707;	
}

.promolink a:hover {
color: #bdb707;	
}

#popConfirmation{
	width:600px;
	height:600px;
	background-color:#FFFFFF;
	padding:10px;
	margin:10px;
}

#zoologieListe li{
	margin-bottom:15px;
	width:450px;
}
.pressImg{
	margin:10px;
}