body{
background-image: url('images/bodybg.gif');
background-repeat: repeat-x;
background-color: #F1F9C8;
margin: 0;
padding: 0;
font-size: 10px;
font-family: Verdana;
}
a{
color: #0259B6;
}
div.wrapper{
margin: 0 auto;
width: 918px;
padding-top: 205px;
}
div.headerimage{
position: absolute;
top: 0;
margin-left: -41px;

background-repeat: no-repeat;
height: 200px;
width: 1000px;
}
div.ImageBody{
text-align: center;
border: none;
}
div.ImageBody img{
border: none;
}

a.logoLink{
display: block;
position: absolute;
left: 100px;
top: 35px;
width: 350px;
height: 100px;
}
div.topMenu{
position: absolute;
top: 175px;
left: 123px;
}
div.topMenu ul{
list-style: none;
margin: 0;
padding: 0;
}
div.topMenu li{
float: left;
margin: 0 5px 0 0;
padding: 0;
}
div.topMenu li.selected{
background-image: url('images/topmenuRight.gif');
background-repeat: no-repeat;
background-position: top right;
}
div.topMenu li a{
display: block;
padding: 5px 5px;
font-family: Verdana;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #F1F9C8;
}
div.topMenu li a.selected{
background-image: url('images/topmenuLeft.gif');
background-repeat: no-repeat;
background-position: top left;
color: #FFFFFF;
}
div.layout{
background-color: #003366;
border-left: #002D5A 1px solid;
border-right: #002D5A 1px solid;
width: 916px;
overflow: hidden;
line-height: 14px;
}
div.rightlayout{
float: right;
width: 700px;
}
div.content{
float: left;
width: 484px;
background-image: url('images/maintxtbg.gif');
background-repeat: repeat-y;
margin-top: 1px;
}
div.contentwide{
float: left;
width: 700px;
background-image: url('images/maintxtwidebg.gif');
background-repeat: repeat-y;
margin-top: 1px;
}
div.contentTop{
background-image: url('images/contenttop.gif');
height: 15px;
font-size: 0;
}
div.contentwideTop{
background-image: url('images/contentwidetop.gif');
height: 15px;
font-size: 0;
}
div.contentBody,
div.contentwideBody{
padding: 0 13px 0 11px;
}
div.topImage{
margin: 0 auto;
width: 443px;
height: 160px;
border: 2px solid #003366;
font-size: 0;
overflow: hidden;
}
div.bodyText{
padding: 0 17px 0 17px;
}
div.contentEnd{
background-image: url('images/maintxtbottombg.gif');
background-repeat: no-repeat;
height: 15px;
font-size: 0;
clear: both;
}
div.contentwideEnd{
background-image: url('images/maintxtwidebottombg.gif');
background-repeat: no-repeat;
height: 15px;
font-size: 0;
clear: both;
}

div.rightspots{
float: left;
width: 216px;
}
div.leftlayout{
float: left;
width: 216px;
}
div.SpotBox{
background-image: url('images/spotbg.gif');
background-repeat: repeat-y;
background-position: left; 
margin-top: 4px;
}
div.BoxTitle{
background-image: url('images/spotheaderbg.gif');
background-repeat: no-repeat;
background-position: left; 
height: 30px;
overflow: hidden;
}
div.LeftMenuBox{
background-image: url('images/spotbg.gif');
background-repeat: repeat-y;
background-position: left; 
}

div.leftMenuTop{
background-image: url('images/leftMenuTop.gif');
background-repeat: no-repeat;
background-position: left; 
height: 12px;
font-size: 0;
overflow: hidden;
}
div.BoxTitle h2{
margin: 4px 0 0 33px;
}
div.BoxBody{
overflow: hidden;
padding: 0 8px 0 8px;
}
div.BoxEnd{
height: 18px;
background-image: url('images/spotbottombg.gif');
background-repeat: no-repeat;
background-position: left; 
height: 18px;
overflow: hidden;
font-size: 0;
}
div.ToolBox{
background: url('images/toolboxTop.gif') no-repeat #F1F9C8;
width: 195px;
margin-left: 8px;
}
div.ToolBox ul{
list-style: none;
margin: 0;
padding: 0;
}
div.ToolBox ul li{
border-bottom: 1px solid #003366;
height: 18px;
padding-top: 5px;
vertical-align: middle;
}
div.ToolBox ul li a{
color: #003366;
text-decoration: none;
margin-left: 20px;
}
div.toolboxBottom{
background: url('images/toolboxBottom.gif') no-repeat;
height: 3px;
font-size: 0;
}
div.footer{
background-image: url('images/contentbottom.gif');
background-repeat: no-repeat;
background-position: top;
padding-top: 20px;
}
div.footerGfx{
background-image: url('images/footerBg.gif');
background-repeat: no-repeat;
background-position: top;
height: 31px;
color: #F4EACD;
padding: 6px 10px;
}
div.copynotice{
float: right;
}
div.adresse a{
color: #0259B6;
text-decoration: none;
}



/* MACRO STYLES */
div.newsList p{
margin: 0;
}
ul.leftMenuList{
margin: 0;
padding: 0;
list-style: none;
font-family: Verdana;
font-size: 10px;
}
ul.leftMenuList li{
border-bottom: #F2FAC9 1px solid;
padding: 3px 5px 3px 17px;
line-height: 14px;
}
ul.leftMenuList li a{
color: #58574C;
text-decoration: none;
}
ul.leftMenuList li.selected{
background-image: url(images/leftMenuArrow.gif);
background-repeat: no-repeat;
background-position: 8px 8px;
}
ul.leftMenuList li.selected a.selected{
color: #1167BB;
text-decoration: none;
font-weight: bold;
}
ul.leftMenuList ul{
list-style: none;
margin: 0;
padding: 0;
}
ul.leftMenuList ul li,
ul.leftMenuList ul li.selected{
margin: 0;
border: none;
background-image: none;
}

div.CitatBody{
padding: 10px;
font-style: italic;
}
div.CitatDesc{
padding: 10px;
color: #1167BB;
}
div.InfoBody{
padding: 10px;
line-height: 14px;
}
div.newsList{
padding: 10px;
line-height: 14px;
}
div.newsList h2{
margin: 0;
}
div.newsList div{
margin-bottom: 10px;
}

div.contactForm p{
color: #99AE51;
margin-top: 0;
margin-bottom: 10px;
}
input.contactText{
width: 211px;
border: #7AB77B solid 1px;
background-color: #F9F9F1;
margin-top: 4px;
}
input.contactSubmit,
#upsLoginRedirect3_btnSubmit,
#upsLoginRedirect3_btnLogOut{
background-image: url('images/submitButtonBg.gif');
background-color: #1166B9;
background-repeat: repeat-x;
border: none;
color: #FFFFFF;
font-size: 10px;
font-family: Verdana;
padding: 2px 5px 2px 5px;
cursor: pointer;
}
#upsLoginRedirect3_btnSubmit,
#upsLoginRedirect3_btnLogOut{
margin-top: 5px;
}

div.SearchForm select{
height: 100px;
}
div.SearchForm .seasonselect{
float: left;
}
div.SearchForm .teachthemeselect{
float: right;
}
div.SearchForm .naturethemeselect{
float: left;
}
div.SearchForm .natureareaselect{
float: right;
}
div.SearchForm .textinput{
clear: both;
}

#umbSearchResult3_PanelDotNet span.highlight{
color: #32820E;
font-weight: bold;
}
#umbSearchResult3_PanelDotNet #umbSearchResult3_results a{
font-size: 13px;
}
#umbSearchResult3_PanelDotNet #umbSearchResult3_results small.url{
color: #32820E;
}

div.comment{
padding: 5px;
margin-top: 5px;
background-color: #F6FBD7;
border-top: 1px solid #84AB47;
border-bottom: 1px solid #84AB47;
}
div.comment p{
margin: 0;
}
div.comment strong{
font-size: 11px;
text-transform: uppercase;
}
div.comment small strong{
font-size: 10px;
text-transform: none;
}
div.newComment{
margin-top: 10px;
}
div.newComment label{
display: block;
}

div.TipEnVen textarea{
width: 300px;
height: 200px;
}
div.TipEnVen div.done{
border: 3px solid #ADD263;
background: #F2FAC9;
text-align: center;
padding: 3px;
}