/*********************************************
	Graphic Design and CSS by EmaGraphik
	
	Copyright 2008 
	www.emagraphik.com
	All rights reserved
	
*********************************************/

* {
margin:0;
padding:0;
background: transparent;
font-size: 1em;
}
.access {
display: none;
}
.clear {
clear : both;
}
.smaller {
font-size:85%;
}
body {
font-family:Arial, Helvetica, sans-serif;
font-size:76%;
color:#5b1100;
}
a {
color: #cc6d08;
}
em {
font-weight: bold;
font-style:normal;
}
div#pagewrapper {
width: 1037px;
margin:0 auto;
padding:227px 0 0 0;
position: relative;
background: #fff url(images/header.jpg) no-repeat top left;
}

/*MENU  HORIZONTAL
*********************************************/
/* hack for Internet Explorer */
* html ul#menu {
/* hide ie/mac \*/
height: 1%;
/* end hide */
}
ul#menu {
position: absolute;
top:197px;
left:225px;
z-index: 10;
width: 812px; 
list-style-type:none;
z-index:10;
}
ul#menu li {
float: left;
}
ul#menu li a {
display: block;
width:115px;
line-height:29px;
text-align: center;
text-decoration: none;
font-size:11px;
border-right: 1px solid #fff;
color: #fff;
}
ul#menu a:hover,
ul#menu li.actif a {
background:#cc6d08;
}

/*CONTENT
*********************************************/
div#content {
margin:0 0 0 82px;
padding:0 0 15px 0;
width:955px; 
background:#fde5a7 url(images/content.jpg) repeat-y  top left;
}
#contact div#content {
min-height:330px;
}
#contact img {
position: absolute;
top:335px;
left:104px;
}
#contact address span {
font-style:normal;
}
div#content h1 {
width:200px;
float: left;
margin:25px 0 0px 20px;
font-size: 115%;
text-transform:uppercase;
}
div#content div#main {
padding:35px 105px 20px 250px;
}
div#main h2 {
margin:0 0 0.8em 0;
font-size: 110%;
}
div#main p {
margin: 0 0 1.8em 0 ;
}
div#main dl {
}
div#main dt {
margin:0 0 0.2em 0;
font-weight: bold;
/*font-size: 100%;*/
}
div#main dd {
margin:0 0 1.8em 0;
}
div#main dt span.smaller {
margin-left:0.8em;
}
div#main ul {
margin:0 0 1.8em 0;
}
div#main ul ul {
list-style-type : none;
}
div#main ul ul li {
display: inline;
}
div#main p.chapo {
font-size:110%;
margin:0 0 2.4em 0;
}
a.top {
display: block;
width:100%;
text-align:right;
margin:0 0 1.8em 0;
}
.tooltip{
position:absolute;
z-index:999;
left:-9999px;
width:280px;
background:#fff;
border:1px solid #cc6d08;
}
.tooltip p{
color:#cc6d08;
padding:1em 0.8em;
font-size:1.2em;
}

/*FOOTER
*********************************************/
ul#footer {
width:945px;
height:19px;
margin:0 0 0 82px;
padding:8px 10px 0 0;
background: #5b1100 url(images/footer.jpg) no-repeat top left;
font-size:90%;
text-align: right;
}
#footer li {
margin:0 0 0 8px;
display:inline;
color:#fff;
}
#footer a {
color:#fff;
}
#footer a:hover {
text-decoration:underline;
}