@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin:auto;
padding:0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
font-family: Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Helvetica, sans-serif;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins { text-decoration: none;}
del { text-decoration: line-through;}
img, h1, .class-with-png-background-image { behavior: url(iepngfix.htc);}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
body {
margin:auto;
width:100%;
background:url(../image/bg.png)repeat-x ;
position:relative;
background-position:0 150px;
border: url(../image/ombre.gif)) ;
width:939px;
}
/* CSS Document */
h1 {
font-size: x-large;
font-style: italic;
color: #666666;
font-weight: bold;
line-height:30px;
margin: auto;
border-bottom-width: medium;
border-bottom-style: solid;
border-bottom-color: #666666;
background-position: left;
text-align: left;
padding: 0px;
background-image: url(../image/menu.jpg);
background-repeat: repeat-x;
}
h2 {
font-size: 30px;
font-family:Lucida Sans Unicode,Bitstream Vera Sans,Trebuchet Unicode MS,Lucida Grande,Helvetica,sans-serif;
text-align: right;
margin-top:98px;
}
h3 {
border-top:3px solid #00529e;
border-bottom-color:;
font-size: 20px;
font-style: normal;
margin-bottom:7px;
margin-top:16px;
padding-top:4px;
text-align: right;
}
h4 {
font-size: medium;
font-style: normal;
color: #000000;
font-weight: bold;
text-transform: uppercase;
background-position: center center;
}
form {
font-weight:bold;
background-color:;
line-height:28px;
margin:auto;
padding:40px;
}
#caracteristique {
float :left;
font-weight:bold;
margin-bottom:40px;
}
#tab{
}
tr {
width:20%;
}
bleu {
background:#cfd6ea;
padding-left:5px;
padding-right:5px;
border-top:white solid 2px;
width:20%;}
td
{
width:20%;
background:#fddece;
padding-left:5px;
padding-right:5px;
border-top:white solid 2px;
text-align:center;
}
th{
background:#d9d9d9;
padding-left:5px;
padding-right:5px;
font-weight:bold;
border-top:white solid 2px;
}
table {
width:30%;
float:right;
padding-right:20px;
}
#article{
clear:both;
padding-bottom:40px;
margin-bottom:20px;
}
#article img {
margin-right:-108px;
float:left;
}
#article p {
margin-left:130px;
margin-right:-108px;
}
#menu{
float:right;
display:block;
margin-top:179px;
}
#menu ul {
padding:0;
margin:0;
list-style-type:none;
}
#menu ul li a {
display:block;
color:white;
text-decoration:none;
text-align:center;
}
#menu ul li {
list-style: none;
float: left;
}
#menu li{
padding-top:179px;
margin-top:2px;
float:left;
padding-top:40px; }
#menu ul li a:hover {
color:white;
}
#titre {
font:arial narrow;
size:4px;
color:Black;
padding-right:20px;
padding-left:20px;
}
#titre a:hover{
font:arial narrow;
size:4px;
color:white;
padding-bottom:20px;
}
#lettrine a:hover{
font:arial narrow;
size:12px;
color:white;
font-weight:bold;
}
#lettrine{
font:arial narrow;
size:12px;
color:black;
font-weight:bold;
}
#menu img {
width:80px;
height:80px;
}
#contact{margin-left:1000px;
margin-right:0;
margin-top:-203px;}
fieldset {
float:left;
border-top-width:6px;
padding:20px;
border-color:#47B5D;
border:2px solid black ;
width:400px;
}
legend {
color:#a0522d;
font-weight:bold;
font-size:20px;
padding:12px;
}
label {
font-weight:bold;
line-height:20px;
display:block;
width:150px;
float:left;
font-size:14px;
}
label.inline {font-weight:bold;
display:inline;
line-height:24px;
}
input {
border:1px solid black;
background-color:#F3C564;
}
input[type=radio] {
background-color:transparent;
border:none;
}
select, option {
background-color:#A6BEDE;
}
textarea {
border:2px solid black;
background-color:#F3C564;
}
input[type=submit], input[type=reset] {
border:2px outset #F3C564;
font-weight:bold;
cursor:pointer;
}
input[type=submit]:hover, input[type=reset]:hover {
border:2px outset white;
background-color:white;
}
input[type=submit]:active, input[type=reset]:active {
border:2px inset #A6BEDE;
background-color:#F3C564;
color:black;
}
*:focus {
background-color:white;
}
#page {
margin: auto;
width: 940px;
background-color: #FFFFFF;
}
a.lien1{
display:block;
width:200px;
height:100px;
background:url(images/img1-2.JPG) no-repeat;
}
#bandeau {
margin-top:13px;
margin-left:0px;
background-image: url(../image/header.jpg);
width:1500px;
height:300px;
background-position: left;
background-repeat: no-repeat;
margin:auto;
margin-left:-763px;
width:2500px;
}
#bandeau img {
}
.equipement{
width: 225px;
float:left;
padding:5px;
height: 500px;
font-size:10px;
}
.equipement img {
width: 225px;
font-size:12px;
}
#bulle { position: absolute; visibility: hidden; font-size:12px;}
.info{
border:1px solid #666666;
padding: 7px;
color:#666666;
background-color:#FFFFFF;
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
}
#chemin hover {text-decoration:none;}
#chemin a:link{text-decoration:none;}
#chemin {
text-decoration:none;
}
#pied {
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
background-image: url(../image/footer.jpg);
color:white;
font-size: small;
font-weight: bold;
clear: both;
margin:auto;
width: 940px;
background-repeat: no-repeat;
background-position: center center;
height: 147px;
}
#pied p {
text-align:center;
font-weight:bold;
color:white;
text-align:center;
background-image:url(../image/fond.png) ;
background-repeat:repeat-x;
font-size:15px;
}
#pied ul li {
list-style: none;
float: left;
}
#pied ul {
width:951px;
color:black;
margin: auto;
padding: 0px;
list-style-type: none;
background-position: center center;
}
#pied li {
text-align:center;
display: block;
background-position: center center;display: inline;
}
#menu{
}
#pied li a {text-align:center;
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
color:black;
font-weight: bold;
text-decoration: none;
background-repeat: repeat-x;
display: block;
float: left;
margin: auto;
height: 10px;
line-height:20px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 8px;
padding-left: 15px;
font-size: 11px;
line-height: normal;
background-position: center center;
}
#pied li a:hover {
background-repeat: repeat-x;
background-position: center center;
}
a img {
border: none;
}
.menu{
width:941px;
border:none;
border:0px;
margin:auto;
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
background:#333333;
}
.menu ul{ margin:auto;
height:35px;
list-style:none;
margin:auto;
padding:0;
background:#333333;
}
.menu li{
margin:auto;
float:left;
padding:0px;
}
.menu li a{/* ecriture ligne horizontal*/
background:#333333 url("../image/seperator.gif") bottom right no-repeat;
color:#cccccc;
display:block;
font-weight:normal;
line-height:35px;
margin:auto;
padding:0px 17px;
text-align:center;
text-decoration:none;
}
.menu li a:hover, .menu ul li:hover a{
background: #d86628 url("../image/hover.gif") bottom center no-repeat;
color:#FFFFFF;
text-decoration:none;
}
.menu li ul{
background:#666666;
display:none;
height:auto;
padding:0px;
margin:auto;
border:0px;
position:absolute;
width:150px;
z-index:200;
/*top:1em;
/*left:0;*/
}
.menu li:hover ul{
display:block;
}
.menu li li {
background:url('../image/sub_sep.gif') bottom left no-repeat;
display:block;
float:none;
margin:auto;
padding:0px;
width:151px;
}
.menu li:hover li a{
background:none;
}
.menu li ul a{
display:block;
height:35px;
font-size:12px;
font-style:normal;
margin:auto;
padding:0px 10px 0px 10px; /* padding du hover */
text-align:left;
}
.menu li ul a:hover, .menu li ul li:hover a{ /* menu déroulant */
background:#d86628 url('../image/hover_sub.gif') center left no-repeat;
border:0px;
color:#ffffff; /*texte surligné des menus déroulants*/
text-decoration:none;
}
.menu p{
clear:left;
}
a:hover {
color: #DE752B;
}
a:link {
color: black;
}
a:visited {
color: #DE752B;
}
a:hover {
color: #DE752B;
}
a:active {
color: #DE752B;
}
#global {
background:white;
}
li:hover ul.niveau2, li li:hover ul.niveau3 {display:block;}
#historique {
padding:10px;
float : left;
width: 448px;
}
#activite{
float:right;
width: 438px;
padding:10px;
}
#ca {
clear:both;
padding:10px;
background-position:bottom;
}
#noyautage h2 {
margin:auto;
padding-left:30px;
font-size: large;
font-style: normal;
color: #999999;
font-weight: bolder;
border-bottom-width: thin;
border-bottom-style: solid;
border-bottom-color: #666666;
vertical-align:center;
height: 44px;
line-height: 20px;
}
#noyautage{
clear:both;
padding:10px;
background: white url(../image/fond-ca.png)repeat-x;
background-position:bottom;
}
#float_gauche{
float:left;
padding-left:15px;
width:144px;
text-align:middle;
margin:auto;
}
#gauche
{float:left;}
#droite
{float:right;}
/*
div.spacer, permet de faire deux colonne dans #container
*/
div.spacer{clear:both; height:10px; display:block;}
#main{width:auto; display:block;}
#column_left{width:470px; margin-right:20px; float:left;margin:auto;text-align:center;font-weight:bold;font-size:large ;padding-bottom:20px;}
#column_left img{padding-bottom:20px;}
#column_left p{padding-bottom:20px;}
#column_right{width:470px; float:left;margin:auto;text-align:center;font-weight:bold; font-size:large ;padding-bottom:20px;}
#column_right img{padding-bottom:20px;}
#column_right p{padding-bottom:20px;}
.float_droite{
float:right;
margin-right:150px;}
.accueil{
width:313px;
float:right;
font-size:16px;
float:left;
text-align:center;
margin:auto;
line-height:24px;
}
#titre-index {
background-image:url("../image/fond-home.jpg");
margin-left:20 px;
background-repeat:repeat-y;
font-size:60px;
width:940px;
color:#4f5858;
text-align:center;
font-family:garamond;
margin:auto;
}
.ca texte {
font-size:12px;
line-height:26px;
}
#float_droite ca texte
{font-size:10px;
line-height:34px;}
.titre-page {
font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size: xx-large;
font-style: italic;
font-weight: bold;
color: #666666;
text-align: center;
margin:auto;
}
.sous-titre-page {
page-break-before: auto;
font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size: large;
font-weight: bold;
color: #666666;
text-align: center;
}
.texte-italique {
page-break-before: auto;
font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size: medium;
font-weight: normal;
color: #000000;
text-align: center;
font-style: italic;
}
.centrer{
font-size:14px;
font-weight:bold;
padding-left:50px;
text-align:center;
margin:auto;
width:250px;
margin-left: auto;
margin-right: auto;
color: #999999;
}
.texte-centrer{
page-break-before: auto;
font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size: medium;
font-weight: normal;
color: #000000;
text-align: center;
font-style: normal;
}
.texte-gras {
page-break-before: auto;
font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size: medium;
font-weight: bold;
color: #000000;
text-align: center;
font-style: normal;
}
.texte-gras-gauche {
page-break-before: auto;
font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size: medium;
font-weight: bold;
color: #000000;
text-align: left;
font-style: normal;
}
.texte-gras-droite {
page-break-before: auto;
font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size: medium;
font-weight: bold;
color: #000000;
text-align: right;
font-style: normal;
}
.texte{
page-break-before: auto;
font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size: medium;
font-weight: normal;
color: #000000;
text-align: justify;
font-size: x-large;}
.texte-contact{
line-height:26px;
font-style: strong;
font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size: medium;
font-weight: normal;
color: #000000;
text-align: justify;
font-style: x-large;
}
.texte-non-justifie{
page-break-before: auto;
font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size: medium;
font-weight: normal;
color: #000000;
text-align: left;
font-style: normal;
}
.legende{
page-break-before: auto;
font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000000;
text-align: center;
font-style: italic;
}
.middle {
display: block;
margin: 0 auto;
text-align:center;
}
/*^'^ Navigation Structure ^'^*/
.nav-container-outer{
background: #990000;
padding: 0px;
height: 74px;
background: url(images/nav-bg.jpg);
}
.float-left{
float: left;
}
.float-right{
float: right;
}
.nav-container .divider{
display:block;
font-size:1px;
border-width:0px;
border-style:solid;
}
.nav-container .divider-vert{
float:left;
width:0px;
display: none;
}
.nav-container .item-secondary-title{
display:block;
cursor:default;
white-space:nowrap;
}
.clear{
font-size:1px;
height:0px;
width:0px;
clear:left;
line-height:0px;
display:block;
float:none;
}
.nav-container{
border-bottom-width:1px;
margin-bottom:16px;
margin-left:277px;
margin-top:-60px;
padding-bottom:4px;
position:relative;
zoom:1;
margin: 0 auto;
}
.nav-container a, .nav-container li{
float:left;
display:block;
white-space:nowrap;
}
.nav-container div a, .nav-container ul a, .nav-container ul li{
float:none;
}
.nav-container ul{
left:-10000px;
position:absolute;
}
.nav-container, .nav-container ul{
list-style:none;
padding:0px;
margin:0px;
}
.nav-container li a{
float:none
}
.nav-container li{
position:relative;
}
.nav-container ul{
z-index:10;
}
.nav-container ul ul{
z-index:20;
}
.nav-container ul ul ul{
z-index:30;
}
.nav-container ul ul ul ul{
z-index:40;
}
.nav-container ul ul ul ul ul{
z-index:50;
}
li:hover>ul{
left:auto;
}
#nav-container ul {
top:100%;
border-bottom-width:1px;
margin-bottom:16px;
margin-left:277px;
margin-top:-60px;
padding-bottom:4px;
}
#nav-container ul li:hover>ul{
top:0px;
left:100%;
}
/*^'^ Primary Items ^'^*/
#nav-container a{
padding:7px 17px 7px 18px;
margin: 10px 0px 0px 0px;
color: #FFFFFF;
font-family: Trebuchet MS, Arial, sans-serif, Helvetica;
font-size:14px;
text-decoration:none;
font-weight: bold;
background: url(images/item-primary-bg.gif);
background-repeat: no-repeat;
background-position: top;
}
#nav-container a:hover{
color: #6C3600;
background: url(images/item-primary-bg.gif);
background-repeat: no-repeat;
background-position: center;
}
/*^'^ Secondary Items Container ^'^*/
#nav-container div, #nav-container ul{ border-bottom-width:1px;
margin-bottom:16px;
margin-left:277px;
margin-top:-60px;
padding-bottom:4px;
padding:10px 4px 10px 4px;
margin:0px 0px 0px 0px;
background: url(images/item-secondary-container-bg.jpg);
background-repeat: repeat-x;
background-color: #FF9900;
border-bottom: 1px solid #CA6500;
}
/*^'^ Secondary Items ^'^*/
#nav-container div a, #nav-container ul a{
padding:3px 10px 3px 6px;
background-color: #FFFFFF;
background: url(images/item-secondary-bg.jpg);
background-repeat: no-repeat;
background-position: 0px 22px;
font-size:11px;
border-width:0px;
border-style:none;
margin: 0px 0px 0px 0px;
width: 149px;
}
/*^'^ Secondary Items Hover State ^'^*/
#nav-container div a:hover, #nav-container ul a:hover{
background-color: #FFFFFF;
background: url(images/item-secondary-bg.jpg);
background-repeat: no-repeat;
color:#CC0000;
}
/*^'^ Secondary Item Titles ^'^*/
#nav-container .item-secondary-title{
cursor:default;
padding:4px 0px 3px 7px;
color: #6C3600;
font-family: Arial, Trebuchet MS, Arial, sans-serif, Helvetica;
font-size:11px;
/* background: url(images/item-secondary-title-bg.jpg); */
background-repeat: no-repeat;
font-weight:bold;
}
/*^'^ Horizontal Dividers ^'^*/
#nav-container .divider-horiz{
border-top-width:1px;
margin:5px 5px;
border-color: #C16100;
}
/*^'^ Vertical Dividers ^'^*/
#nav-container .divider-vert{
border-left-width:1px;
height:15px;
margin:4px 2px 0px 2px;
border-color:#AAAAAA;
}
.toolTip-picture img,
.toolTip-thumbnail img {
border:2px solid #000;
}
.toolTip-picture ,
.toolTip-thumbnail {
background:transparent url(images/loading.gif) no-repeat center center;
min-height:32px; min-width:32px;
}
.toolTip-caption {
position:relative;
margin-top:-20px;
}
.toolTip-text,
.toolTip-caption {
font:11px Arial, Helvetica, sans-serif;
color:#FFF;
text-align:center;
background:transparent url(images/caption-right.png) no-repeat right center;
padding-right:25px;
}
.toolTip-text span,
.toolTip-caption span {
display:block;
background:transparent url(images/caption-left.png) no-repeat left center;
padding:11px 0px 15px 25px;
}
/* default styling */
.nav, .nav ul {list-style-type:none; margin:0; padding:0;}
.nav a {text-decoration:none;}
.nav {font-family: arial, sans-serif; font-size:12px; width:647px; margin:0 auto; text-align:left; height:52px;border-bottom-width:1px;
margin-bottom:16px;
margin-left:277px;
margin-top:-60px;
padding-bottom:4px;}
/* style the links */
/* needs a background for IE6 - can be a color or a transparent gif */
.nav a {background:#ffffff; height:32px;}
.nav ul a {height:auto;}
/* style the element so that is does not affect the size of the link */
.nav a i {position:absolute; left:-9999px;}
.nav a b {display:block; border:1px solid #1552ad; border-width:1px 1px 0 1px; background:#fff; color:#444; font-size:11px; line-height:80px; font-weight:normal;padding:10px; cursor:pointer;}
.nav a b.last {border-bottom-width:1px;}
.nav b img {display:block; float:left; padding-right:5px; border:0;}
.nav b span {display:block; font-size:14px; color:#069; padding-top:5px; font-weight:bold;height:60px;}
/* WIDTH change this WITH CARE to suit your requirements */
/* FOR NAV1 */
.nav1, .nav1 a {width:70px;}
.nav1 a {background:url(../image/home.gif) no-repeat left top;}
/* FOR NAV5 */
.nav5, .nav5 a {width:103px;}
.nav5 a {background:url(../image/menu-bouches-a-cles.png) no-repeat left top;}
/* FOR NAV2 */
.nav2, .nav2 a {width:105px;}
.nav2 a {margin-right:-101px; background:url(../image/menu_branchement.png) no-repeat left top;} /* 1px less than the top level link width */
.nav2 ul li {max-width:130px;}
/* FOR NAV3 */
.nav3, .nav3 a {width:105px;}
.nav3 a {margin-right:-94px; background:url(../image/menu-bouches-a-cles.png) no-repeat left top;} /* 1px less than the top level link width */
.nav3 ul li {max-width:143px;}
/* FOR NAV3 */
.nav4, .nav4 a {width:105px;}
.nav4 a {margin-right:-142px; background:url(../image/menu-regard-compteurs.png) no-repeat left top;} /* 1px less than the top level link width */
.nav4 ul li {max-width:143px;}
.nav li.drop ul li a {width:230px; margin-right:-200px;}
/* ---------------------------------------------------------------------------- */
/* DO NOT CHANGE ANYTHING BELOW */
.nav li {float:left;} /* fixes several IE related bugs, and allows for clearing */
.nav ul {float:left; position:relative; z-index:20; left:1px; top:-1px;} /* necessary for float drop and to stack the s */
.nav ul li {clear:left;} /* must clear the floated list item inside sublist */
.nav a {position:relative; display:block;} /* needs to have a position, to be above the rest */
.nav a.main {float:left; /* necessary for float drop */ margin-top:10000px;} /* bring the top level links back into view */
.nav .drop {margin-top:-10000px;} /* hide the sub links and their containers, opera has low upper limits */
.nav ul {margin-bottom:-5000px;} /* avoid any interaction between the subs, can be any large size */
/* ---------------------------------------------------------------------------- */
/* The bit that does ALL the work to bring the sub menus into view */
.nav a:hover,
.nav a:focus,
.nav a:active {margin-right:0; z-index:10; outline:0; background-position:left bottom;}
.nav a:hover b,
.nav a:focus b,
.nav a:active b {background:#f8f8f8;}
.nav .nav2 ul a:hover,
.nav .nav2 ul a:focus,
.nav .nav2 ul a:active {margin-right:-128px;} /* The margin-right value is the dropdown link width minus the top level link width */
.nav .nav3 ul a:hover,
.nav .nav3 ul a:focus,
.nav .nav3 ul a:active {margin-right:-135px;} /* The margin-right value is the dropdown link width minus the top level link width */
.nav .nav4 ul a:hover,
.nav .nav4 ul a:focus,
.nav .nav4 ul a:active {margin-right:-87px;} /* The margin-right value is the dropdown link width minus the top level link width */
/* OPERA fix */
.nav ul:hover {clear:left;} /* to stop intermittent sub link :hover problems */
/* IE6 and 7 fix */
a:active {}
/* ---------------------------------------------------------------------------- */