body {position: absolute; background: #FFF;
   background-image: url(../images/h_languedoc-rousillon.jpg);
   background-position: 0 0;
   background-repeat: no-repeat;
   margin: 0; padding: 20;}

#menu {
position: relative;
top: 0;
left: 40px;
z-index:100;
width: 100%; /* précision pour Opera */
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: relative;
top: 0;
left: 40px;
z-index:100;
width: 550px;
color: #000;
}
#menu dl {
float: left;
width: 10em;
margin: 0 1px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ccc;
border: 1px solid gray;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
background: #FFF;
}
#menu li a:hover, #menu dt a:hover {
background: #eee;
color: #000;
}

A:link {font-family: Verdana;font-size: 12px;color: #000000;text-decoration: none;}
A:visited {font-family: Verdana;font-size: 12px;color: #000000;text-decoration: none;}
A:hover {font-family: Verdana;font-size: 12px;color: #FF0000;text-decoration: underline;}
A:active {font-family: Verdana;font-size: 12px;color: #FF0000;text-decoration: none;}

.seoclass  { display: none }

div#links {position: absolute; top: 220px; left: 0px; width: 166px; height: 410px; font: 16px Verdana, sans-serif; z-index: 100;}

div#links a {display: block; text-align: center; font: bold 1em sans-serif; 
   padding: 5px 10px; margin: 0 0 1px; border-width: 0; 
   text-decoration: none; color: #F76A10; 
   border-right: 5px solid #505050;}

div#links a:hover {color: #411; background: #A4A6A9;
   border-right: 5px #AB3713;}

div#links a span {display: none;}

div#links a:hover span {display: block;
   position: absolute; top: 400px; left: 0; width: 150px;
   padding: 5px; margin: 0px; z-index: 100;
   color: #AAA; background: #FFF;
   font: 10px Verdana, sans-serif; text-align: left;}

div#content {
	position: absolute;
	top: 65px;
	left: 161px;
	width: 600px; 
	height: 900px;
	color: #FFF;
	background: #A4A6A9;
	font: 13px Verdana, sans-serif;
	padding: 0px;
	border: solid 5px #444;
}

div#content A:link {font-family: Verdana;font-size: 12px;color: #000000;text-decoration: none;}
div#content A:visited {font-family: Verdana;font-size: 12px;color: #000000;text-decoration: none;}
div#content A:hover {font-family: Verdana;font-size: 12px;color: #FF0000;text-decoration: none;}
div#content A:active {font-family: Verdana;font-size: 12px;color: #FF0000;text-decoration: none;}

div#sitemap {
	position: absolute;
	top: 1000px;
	left: 161px;
	width: 624px; 
	height: 10px;
	color: #999999;
	background: #FFF;
	font: 3px Verdana;
	padding: 0px;
}

div#sitemap a:link {font-family: Verdana;font-size: 6px;color: #FFF;text-decoration: none;}
div#sitemap a:visited {font-family: Verdana;font-size: 6px;color: #FFF;text-decoration: none;}
div#sitemap a:hover {font-family: Verdana;font-size: 6px;color: #FFF;text-decoration: none;}
div#sitemap a:active {font-family: Verdana;font-size: 6px;color: #FFF;text-decoration: none;}

}

div#content a.petit:link {color: #FFF;font-size: 10px;}
div#content a.petit:visited {color: #BBC;font-size: 10px;}
div#content a.petit:link:hover {color: #FF0;font-size: 10px;}
div#content a.petit:visited:hover {color: #CC0;font-size: 10px;}

div#sitemap2 {
	position: absolute;
	top: 900px;
	left: 161px;
	width: 624px; 
	height: 10px;
	color: #999999;
	background: #FFF;
	font: 4px Verdana;
	padding: 0px;
}

div#sitemap2 a:link {font-family: Verdana;font-size: 4px;color: #FFF;text-decoration: none;}
div#sitemap2 a:visited {font-family: Verdana;font-size: 4px;color: #FFF;text-decoration: none;}
div#sitemap2 a:hover {font-family: Verdana;font-size: 4px;color: #FFF;text-decoration: none;}
div#sitemap2 a:active {font-family: Verdana;font-size: 4px;color: #FFF;text-decoration: none;}

div#content p {margin: 0 1em 1em;}
div#content h3 {margin: 0.5em;}

h1 {margin: 5px -5px 0.5em; padding: 5px 10px 5px; text-align: right; color: #667; letter-spacing: 0.5em; text-transform: lowercase; font: bold 15px sans-serif; height: 28px; vertical-align: middle; white-space: nowrap;}
dt {font-weight: bold;}
dd {margin-bottom: 0.66em;}

code, pre {color: #EDC; font: 110% monospace;}

.tiretv {
 background-repeat: repeat-x;
 background-image:  url(../images/tiretv.gif);
 line-height:10px;
 font-size:10px;
 color:#F76A10;
}
