#navigation {
	clear:both;
}

#menu {
	text-align: left;
	color:#fff;
	font : normal 12px verdana,arial,sans-serif;
	height:33px;
}



#menubas {
    clear:both;
    margin:20px 0 0 0;
	height:50px;
	color:#fff;
	font : normal 12px verdana,arial,sans-serif;
}

dl {
	margin:0; 
	padding:0;
	display: block;
	float:left;
} 



dt {
	display: block;
	padding:0;
	/*border-right: 1px solid #fff;*/
	text-align:center;
	cursor:pointer;
}

dt.item, dt.one, dt.last {
	height:33px;
	padding:0;
}



dt.one {
	background: url(../images/menu-accueil.gif) left top no-repeat;
	width:165px;
	margin:0 1px 0 0;
}

dt.oneselect {
    background: url(../images/menu-accueil.gif) left -33px no-repeat;
	width:165px;
}

dt.item {
	background: url(../images/menu-item.gif) left top no-repeat;
	width:165px;
	margin:0 1px 0 1px;
}

dt.item a, dt.one a {
	color: #000;
	text-decoration: none;
	display:block;
	padding:8px 0 0 0;
	height:25px;
}

dt.item a:hover {
	color: #fff;
	text-decoration: none;
	display:block;
	padding:8px 0 0 0;
	height:25px;
	background: url(../images/menu-item.gif) left -33px no-repeat;
}

dt.one a:hover {
	color: #fff;
	text-decoration: none;
	display:block;
	padding:8px 0 0 0;
	height:25px;
	background: url(../images/menu-accueil.gif) left -33px no-repeat;
}

dt.last a {
	color: #000;
	text-decoration: none;
	display:block;
	padding:3px 0 0 0;
	height:30px;
}

dt.last a:hover  {
	color: #fff;
	text-decoration: none;
	display:block;
	padding:3px 0 0 0;
	height:30px;
	background: url(../images/menu-anglais.gif) left -33px no-repeat;
}

dt.itemselect {
	background: url(../images/menu-item.gif) left -33px no-repeat;
	width:165px;
}


dt.last {
	background: url(../images/menu-anglais.gif) left top no-repeat;
	width:165px;
	margin:0 0 0 1px;
	padding:0;
	height:33px;
}

dt.lastselect {
	background: url(../images/menu-anglais.gif) left -33px no-repeat;
	width:165px;
}

.drap {
	vertical-align:-7px;
	margin-right:15px;
}

dt.itembas1 {
	background: url(../images/menu-meteo-marine.gif) left top no-repeat;
	width:165px;
	margin:0 1px 0 0;
}

dt.itembas1select {
    background: url(../images/menu-meteo-marine.gif) left -32px no-repeat;
	width:165px;

}


dt.coordbas {
	background: url(../images/menu-msc-yachting.gif) left top no-repeat;
	width:666px;
	color:#000;
	font-size:11px;
	line-height:12px;
	margin:0 0 0 1px;
	padding:5px 0 0 0;
	height:27px;
	cursor:auto;
}


dt.coordbas:hover {
    /*background: url(../images/menu-msc-yachting.gif) left -32px no-repeat;*/
	width:666px;
	padding:5px 0 0 0;
	height:27px;
}

dt.coordbas a {
	color:#000;
	text-decoration:none;
}

dt.itembas2 {
	background: url(../images/menu-liens.gif) left top no-repeat;
	width:165px;
	margin:0 0 0 1px;
}

dt.itembas2select {
    background: url(../images/menu-liens.gif) left -32px no-repeat;
	width:165px;
}

dt.itembas1, dt.itembas2 {
	height:32px;
	padding:0;
}

dt.itembas1 a, dt.itembas2 a {
	color: #000;
	text-decoration: none;
	display:block;
	padding:10px 0 0 0;
	height:22px;
	
}

dt.itembas1 a:hover {
	color: #fff;
	text-decoration: none;
	display:block;
	padding:10px 0 0 0;
	height:22px;
	background: url(../images/menu-meteo-marine.gif) left -32px no-repeat;
	
}

dt.itembas2 a:hover {
	color: #fff;
	text-decoration: none;
	display:block;
	padding:10px 0 0 0;
	height:22px;
	background: url(../images/menu-liens.gif) left -32px no-repeat;
	
}

dt.itembas1select, dt.itembas2select {
	height:22px;
	padding:10px 0 0 0;
}

dt.itembas1select a, dt.itembas2select a {
	color:#fff;
	text-decoration:none;
}

dt.has_submenu {
	width: 110px;
}

dt.last_item {
	border: 0;
}


dt.itemselect, dt.oneselect, dt.lastselect {
	height:25px;
	padding:8px 0 0 0;
}

dt.itemselect a, dt.oneselect a, dt.lastselect a {
	color:#fff;
	text-decoration:none;
}
/*
dt a {
	color: #000;
	text-decoration: none;
}

dt a:hover {
	color: #fff;
	text-decoration: none;
}

*/

dt.itemselect a, dt.oneselect a, dt.lastselect a {
    color: #fff;
	text-decoration: none;
}



dd {
	width: 150px;
	display: block;
	margin:0; 
	padding:0;
	background-color: #ff790f;
}

dd ul {
	text-align: center;
	margin:0; padding:0 ;
	list-style: none;
}

dd ul li {
	font-size: 10px;
	display: block;
	margin:0; padding:0; 
}

dd ul li a {
	display: block;
	color: #fff;
	text-decoration: none;
	height: 20px;
	line-height: 20px;
}

dd ul li a:hover {
	background: #3333ff;
}

dl dd {
	display: none;
}

dl:hover dd {
	display: block;
}