img.logo {
   behavior: url("/templates/Fip/style/pngbehavior.htc");
}

#filmstrip1, #filmstrip2, #filmstrip3 {
	position:absolute;
	top:0px;
	left:0px;
	height:78px;
	width:99%;
	z-index:0;
	border-right:1px solid #66996b;
}

#filmstrip1 {
	background-image:url(http://www.offrench.net/photos/graphs/nav/causse.jpg);
}

#filmstrip2 {
	background-image:url(http://www.offrench.net/photos/graphs/nav/millevaches.jpg);
}

#filmstrip3 {
	background-image:url(http://www.offrench.net/photos/graphs/nav/lac.jpg);
}

.filmstripmiddle {
	height:57px; 
	padding:0px;
	font-size:1px;
	width:100%;
}

.filmstriptop {
	background-image:url(http://www.offrench.net/photos/graphs/nav/nav_filmstrip_top.gif); height:11px;  padding:0px;font-size:1px;
}

.filmstripbottom {
	background-image:url(http://www.offrench.net/photos/graphs/nav/nav_filmstrip_bottom.gif); height:10px; padding:0px;font-size:1px;
}

.logo {
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
}

#navi {
	margin-left:145px;
}

.menubuttons {
	background-color:#d6e0d7;
	border-top:#99cc9e 1px solid;
	border-right:#99cc9e 1px solid;
	border-bottom:#99cc9e 1px solid;
	position:absolute;
	width:inherit;
	top:77px;
	width:99%;	
	left:0px;
	}

.menubuttons a  {
	display: block;
	text-decoration:none;
	padding:3px 8px;
	font-size: 12px;
	font-weight: bold;
	font-family: trebuchet MS,arial,helvetica,sans-serif;
	color:#336638;
}

.menubuttons a:visited  {
	color:#336638;
	text-decoration:none;	
}

.menubuttons li li a {
	display: block;
	padding: 3px 8px;
	text-decoration:none;	
}

.menubuttons li a:hover {
	background-color:#FFFCE8;
	border-style: solid;
	border-width:0px 4px;
	padding: 3px 4px;
	color:#336638;
	text-decoration:none;	
}

.menubuttons ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	z-index:1;
}

.menubuttons li { /* all list items */
	float:left;
	position:relative;
	width:145px;
	background-color:#d6e0d7;
	border-width: 0px 1px 0px 0px;
	border-color:#99cc9e;
	border-style:solid;
	border-collapse:collapse;
	text-align:left;
	list-style: none;
	padding:0px;	
}

.menubuttons li.last {
	border-width: 0px 1px 0px 1px;
}

.menubuttons li ul { /* second-level lists */
	display:none;
	position:absolute;
	top: 100%;
	left:-1px;
}



.menubuttons li ul li{ /* second-level lists */
	border-width:0px 1px 1px 1px;
	border-style: solid;
	z-index:5;
	position: relative;
	width:145px;
}

.menubuttons li:hover ul, .menubuttons li.over ul { /* lists nested under hovered list items */
	display: block;
}

.utils {
	position:relative;
	top:0px;
	float:right;
	font-size:11px;
	left:0px;
	height:78px;
	background-color:#d6e0d7;
	padding: 6px 6px 0px 6px;
	border-bottom: 1px solid #99cc9e;
	border-left: 1px solid #99cc9e;
}