/*
 * navig.css :	Styles pour une barre de navigation de branche
 *		Modifie les styles definis dans legos.css
 *		Ajoute les styles particuliers aux boutons et menus
 */

/*
 * Barre de navigation horizontale
 */

.navig {
	width:			760px;
	margin:			0;
	padding:		0;
	border:			0;
}

ul.navig {
	height:			32px;
	margin-bottom:		5px;
}

/* Attributs specifiques des elements de type 'extranet' de la navbar */
.extraNavig {
	height:			30px;
	margin:			0;
	padding:		0;
	border:			0;
	float:			left;
}

li.extraNavig {
	border-top:		1px solid #1E4A73;
	border-left:		1px solid #1E4A73;
	border-bottom:		1px solid #1E4A73;
	border-right:		0;
	list-style:		none;
}

a.extraNavig, a.extraNavig:link, a.extraNavig:visited {
	color:			White;
	background:		#03A5CF;
	font:			10px Verdana, Arial, Helvetica, sans-serif;
	font-style:		normal;
	font-weight:		bold;
	text-decoration:	none;
	text-align:		center;
	letter-spacing:		1px;
}

a.extraNavig:active, a.extraNavig:hover {
	color:			White;
	background:		#1E4A73;
	font:			10px Verdana, Arial, Helvetica, sans-serif;
	font-style:		normal;
	font-weight:		bold;
	text-decoration:	none;
	text-align:		center;
	letter-spacing:		1px;
}

/* Attributs specifiques des elements de type 'intranet' de la navbar */
.intraNavig {
	height:			30px;
	margin:			0;
	padding:		0;
	border:			0;
	float:			left;
}

li.intraNavig {
	border-top:		1px solid #1E4A73;
	border-left:		1px solid #1E4A73;
	border-bottom:		1px solid #1E4A73;
	border-right:		0;
	list-style:		none;
}

a.intraNavig, a.intraNavig:link, a.intraNavig:visited {
	color:			Gold;
	background:		#03A5CF;
	font:			10px Verdana, Arial, Helvetica, sans-serif;
	font-style:		normal;
	font-weight:		bold;
	text-decoration:	none;
	text-align:		center;
	letter-spacing:		1px;
}

a.intraNavig:active, a.intraNavig:hover {
	color:			Gold;
	background:		#1E4A73;
	font:			10px Verdana, Arial, Helvetica, sans-serif;
	font-style:		normal;
	font-weight:		bold;
	text-decoration:	none;
	text-align:		center;
	letter-spacing:		1px;
}

/* Texte 'intranet' */
.texteIntraNavig {
	color:			Gold;
}

/* Style pour chaque element de la navbar */
#niveauMerMareeNavig {
	width:			115px; /* 100px */
}

#temperatureSaliniteNavig {
	width:			90px; /* 75px */
}

#hydrologieRadiometrieNavig {
	width:			86px; /* 70px */
}

#altimetrieMeteoNavig {
	width:			76px; /* 60px */
}

#bathymetrieTopographieNavig {
	width:			90px; /* 75px */
}

#gravimetrieNavig {
	width:			90px; /* 75px */
	height:			24px;
	padding-top:		6px;
}

#climatologieCourantometrieNavig {
	width:			105px; /* 90px */
	border-right:		1px solid #1E4A73;
}

/* Vides a gauche et a droite de la navbar            */
/* 1px de moins a droite pour IE qui s'arrete a 759px */
#videGNavig {
	width:			50px;
	height:			32px;
}

#videDNavig {
	width:			49px;
	height:			32px;
}

/*
 * Menus associes a la barre de navigation
 */

/* Attributs des items de menus de type 'restricted' */
li.restricMenu {
	border:			0;
	list-style:		none;
}

a.restricMenu, a.restricMenu:link , a.restricMenu:visited {
	color:			#045F86;
	background:		LightSalmon;
	border:			1px solid #1E4A73;
	font:			11px Comic sans ms, Arial, sans-serif;
	font-style:		normal;
	font-weight:		normal;
	text-decoration:	none;
}

a.restricMenu:active, a.restricMenu:hover {
	color:			LightSalmon;
	background:		#1E4A73;
	border:			1px solid #1E4A73;
	font:			11px Comic sans ms, Arial, sans-serif;
	font-style:		normal;
	font-weight:		normal;
	text-decoration:	none;
}

/* Style pour chaque menu */
.niveauMerMareeMenu {
	width:			285px; /* 265px */
}

.temperatureSaliniteMenu {
	width:			470px; /* 450px */
}

.hydrologieRadiometrieMenu {
	width:			370px; /* 350px */
}

.altimetrieMeteoMenu {
	width:			255px; /* 235px */
}

.bathymetrieTopographieMenu {
	width:			295px; /* 275px */
}

.gravimetrieMenu {
	width:			105px; /* 85px */
}

.climatologieCourantometrieMenu {
	width:			380px; /* 360px */
}