/*===========================================================*/
/*          CSS page written by Guy de LEVIS MIREPOIX        */
/*            For http://meteo.delevis.net                   */
/*                    August 2008                            */
/*===========================================================*/
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/three-up-two-down.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul {list-style-type:none; padding:0; margin:0; width:127px;}
.menu { width: 128px ;margin : 5px auto 10px auto;}
/* .menu {margin:100px 20px 80px 5px;}
/* for IE7 to position the tables correctly */
.menu {position:relative; }
/*.menu {position:relative; float:left;}

/* for IE5.5 and IE6 to position the tables corectly */
* html .menu {position:static;}

/* Set up the size of the list items and float left to place inline */
.menu li {display:block; float:left; width:125px; background:#ddc; margin:0 0 0 0; border:1px solid #000; border-color:#fff #000 #000 #fff;}

/* Give the sub level list item a diffent background color to make it 'stand out'. */
.menu li.sub {background:#89a;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:20px; position:absolute; bottom: 0; top:auto; left:0; font-size:1em;}

/* Default link styling */
.menu li a {display:block; color:blue; font-family:arial, sans-serif; font-size:11px; font-weight: bold; line-height:19px; height:20px; text-decoration:none; text-indent:5px; }

/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {color: yellow;  background:#578;} 

/* For all browsers except IE5.5 and IE6 to keep the hover state through the menu cascade. */
.menu :hover > a {color: yellow; background:#578;}

/* Give the link OR list a relative position. Depends on which browser is used */
.menu li.sub:hover,
.menu li.sub a:hover {position:relative;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute;left:-9999px; width:128px; top:0; }

/* Position the flyout sub levels to 'pull-up' or 'drop-down' when hovering over the sub level list OR link.  the transparent gif is for IE7 only and need not actually exist. File transparent.gif supplied with zip file */
/* pull up */
.menu :hover ul, 
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul {padding:20px 20px 20px 0; left:-127px; bottom:auto; top:-21px; background:transparent url(trans.png);} 
/* drop down */
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul {padding:20px 20px 20px 0; left: -127px; top: auto; bottom:-21px;}

/* For left Menu Column  */

/* Position the flyout sub levels to 'pull-up' or 'drop-down' when hovering over the sub level list OR link.  the transparent gif is for IE7 only and need not actually exist. File transparent.gif supplied with zip file */
/* pull up */
.menus :hover ul, 
.menus :hover ul :hover ul :hover ul,
.menus :hover ul :hover ul :hover ul :hover ul :hover ul {
left:125px; 
} 

/* drop down */
.menus :hover ul :hover ul,
.menus :hover ul :hover ul :hover ul :hover ul {
left:125px; 
}

/* ============  BEGIN  MENUS HMC  =========================*/
.menu li.hmcmet a { display:block; color:red; }
.menu li.hmcmet a:hover { display:block; color:yellow; background-color: #578; }

#hmcmet { color: red; background-color: blue; font-size: 18px; }
#hmcmet:hover { color: yellow;  background:#578;}

#hmcmetprev { color: red; background-color: blue; font-size: 18px; }
#hmcmetprev:hover { color: yellow;  background:#578;}

/* browser hack  */
.gecko .menuicons { border: none; float: right; margin: 2px 3px 0 0;  height: 16px; width: 16px; }
.ie .menuicons { border: none; float: right; margin: -17px 3px 0 0;  height: 16px; width: 16px; }
.ff3 .menuicons { border: none; float: right; margin: -17px 3px 0 0;  height: 16px; width: 16px; }
.ff3_5, .ff3_6 .menuicons { border: none; float: right; margin: 2px 3px 2px 0;  height: 16px; width: 16px; }
.webkit .menuicons { display: block; border: none; float: right; margin: 2px 3px 2px 0;  height: 16px; width: 16px; }
.opera .menuicons { display: block; border: none; float: right; margin: 2px 3px 2px 0;  height: 16px; width: 16px; }


.gecko #chain{ border: none; float: right; margin: 1px 3px 0 0; height: 17px; width: 31px; }
.ie #chain{ border: none; float: right; margin: -18px 3px 0 0; height: 17px; width: 31px; }
.ff3 #chain{ border: none; float: right; margin: -18px 3px 0 0; height: 17px; width: 31px; }
.ff3_5, .ff3_6 #chain{ border: none; float: right; margin: 1px 3px 0 0; height: 17px; width: 31px; }
.webkit #chain{ display: block; border: none; float: right; margin: 1px 3px 0 0; height: 17px; width: 31px; }
.opera #chain{ display: block; border: none; float: right; margin: 1px 3px 0 0; height: 17px; width: 31px; }

.gecko #planemenuicon { border: none; float: right; margin: 2px 3px 0 0; height: 17px; width: 31px; }
.ie #planemenuicon { border: none; float: right; margin: -16px 3px 0 0; height: 17px; width: 31px; }
.ff3 #planemenuicon { border: none; float: right; margin: -16px 3px 0 0; height: 17px; width: 31px; }
.ff3_5, .ff3_6 #planemenuicon { border: none; float: right; margin: 2px 3px 0 0; height: 17px; width: 31px; }
.webkit #planemenuicon { display: block; border: none; float: right; margin: 2px 3px 0 0; height: 17px; width: 31px; }
.opera #planemenuicon { display: block; border: none; float: right; margin: 2px 3px 0 0; height: 17px; width: 31px; }

#geovisit { margin-top: 270px;}
.ie #geovisit { margin-top: 15px;}

#help { height: 32px; line-height: 32px; text-align:left; }
.help { width: 20px; height: 32px; line-height: 32px; padding-left: 15px; vertical-align:middle; border: none; }
/* =============  END  MENUS HMC ===========================*/
.menu #auribeau:hover { background-image: url(http://www.auribeaumeteo.com/banniere.gif); width: 468px; height: 62px; padding: -20px 0 -20px 0;} 
#yoursite { color: blue; height: 34px; line-height: 34px;  font-size: 1.2em; text-indent:5px; vertical-align: middle; }
/* ============  END  AUTRES STATIONS  =========================*/