.absolut {position: absolute;} /* Pour le javascript */
	
	#mainContent {margin:0pt 15px 0pt 15px;}

/* =Titre-------------  */
	#mainContent h1 {
		background: transparent url(../img/tiMeteo.gif) no-repeat;
		width: 230px; height: 19px;
		text-indent: -1000em;
		position: absolute; top: 50px;
	}

/* =Navigation météo
-------------------- */
	ul#menuMeteo {
		height: 8em;
		width: 100%;
		position: relative;
		}
	ul#menuMeteo li.ong {
		width: 100%;
		display: inline;
		}
	ul#menuMeteo li h2 {
		float: right;
		height: 40px; line-height: 40px;
		width: 115px;
		background: #fff url(../img/icnMenuMeteo.gif) no-repeat;
		color: #005187;
		padding-left: 45px;
		}
	ul#menuMeteo li#m1 h2 {
		background-position: 0 -40px;
		margin-left: 5px;
		}
/*	ul#menuMeteo li#m2 h2.current a {color: #311E53;}*/
	.marine ul#menuMeteo li#m1 h2 {
		background-color: #e3eff7;
		background-position: 0 -80px;
		border-top: 2px #79afd7 solid;
		}
	.previsions ul#menuMeteo li#m2 h2 {
		background-color: #e3eff7;
		background-position: 0 -120px;
		border-top: 2px #79afd7 solid;
		}

	
	/*Sous-menu*/
	li.ong ul {
		position: absolute; top: 40px;
		background-color: #e3eff7;
		height: 2.5em; line-height: 2.5em;
		width: 100%;
		font-family: Trebuchet MS, "Trebuchet MS", sans-serif;
		font-size: 1.2em;
	}
	li.ong li {display: block; float: left;}
	li.ong li a {
		display: block;
		float: left;
		color: #311E53;
		font-weight: bold;
/*		background: transparent url(../../../maquette/icnMeteoSmall.gif) no-repeat;*/
		padding-left: 32px; padding-right: 10px
	}
	li.ong li img {vertical-align: middle;}
	li.ong li a:hover, li.ong li a:focus {
		background-color: #C3DEEF;
		color: #000;
	}
	li.ong li.current {background: url(../img/currentLi.gif) bottom center;}

/* = Descriptif du jour
----------------------- */
	
	#day {color: #311E53;}
	#day h2 {color: #311E53!important;}

	/* =Prévision météo-------------  */
	.previsions #day h2 {
		float: left;
		margin-top: 20px;
		margin-right: 15px;
	}
	.previsions #day h2 em {font-style: normal; font-size: .9em;}
	.previsions #day img {
		display: block;
		float: left;
		vertical-align: middle;
		margin-right: 5px;
	}
	.previsions #day ul .lever,.previsions #day ul .coucher {
		background: transparent url(../img/icnSoleil.gif) no-repeat;
		padding: 0 0 5px 23px; margin: 0 0 3px 0;
	}
	.previsions #day p {
		float: left;
		width: 150px; padding: 0 10px 0 10px; margin: 0 5px 0 0;
		border-right: #e3eff7 1px solid;
		border-left: #e3eff7 1px solid;
	}
	.previsions #day ul {
		float: left;
		width: 140px;
		font-size: 0.9em;
	}
	.previsions #day li {height: 15px; line-height: 20px;}
	.previsions #day ul .lever {}
	.previsions #day ul .coucher {background-position: 0 -19px;}

	/* =Prévision marine-------------  */
	.marine #day {width: 225px; float: left;}

/* = Menu de choix de la carte Marine
------------------------------------ */
	#choixCarte {
		font-family: Trebuchet MS, "Trebuchet MS", sans-serif;
		width: 350px;
		float: left;
		height: 2em;
		font-size: 1.4em;
		}
	#choixCarte li {float: left; padding-right: 15px;}
	#choixCarte li a {color: #781A14;}
	#choixCarte li.current a {border-bottom: 2px solid #781A14;}
	
	
/* = Liste des ville, prévisions
-------------------------------- */
	#lieu {
		position: relative;
		margin-top: 10px;
		width: 145px;
		float: left;
		}
	#lieu * {color: #311E53!important;}
	#lieu dl {
		/* position: absolute; Passé dans le JS (accessibilité)*/
		width: 145px;
		}
	#lieu dt {
		font-size: 1.2em;
		font-weight: bold;
		font-family: Trebuchet MS, "Trebuchet MS", sans-serif;
		margin: 0 0 2px 0;
	}
	#lieu dt a {
		display: block;
		background: transparent url(../img/openClose.gif) no-repeat 0 1px;
		padding-left: 15px;
	}
	#lieu dt a:hover {
		color: #000;
	}
	#lieu dt.hide a {
		display: block;
		background: transparent url(../img/openClose.gif) no-repeat 0 -288px;
		padding-left: 15px;
	}

	#lieu dd {
		margin: 0 0 5px 0; padding: 0 0 5px 0;
		border-bottom: #e3eff7 1px solid;
		}
/* = Période de la journée, météo marine
--------------------------------------- */
	#periode {
		width: 225px; float: left;
		border-right: 1px #ccc solid;
	}
	#periode span {
		float: right;
		display: block;
		width: 80px;
		margin: 0 0 0 1em;
		text-align: center;
	}
	#periode dt {
		font-family: Trebuchet MS, "Trebuchet MS", sans-serif;
		font-weight: bold;
		font-size: 1.3em;
		border-bottom: 1px #777 solid;
		cursor: pointer;
		}
	#periode dt.matin {background: #F4F3C3 url(../img/icnMatin.gif) no-repeat 95% 8px;}
	#periode dt.midi {background: #F4F3C3 url(../img/icnAm.gif) no-repeat 95% 8px;}
	#periode dt.soir {background: #F4F3C3 url(../img/icnSoir.gif) no-repeat 95% 8px;}
	#periode dt a {
		display: block;
		line-height: 2.2em;
		color: #261341;
		background: transparent url(../img/openClose.gif) no-repeat 5px 8px;
		padding-left: 20px;
	}
	#periode dt.hide {background-color: #F2F48F}
	#periode dt.hide a {background: transparent url(../img/openClose.gif) no-repeat 5px -280px;}
	#periode dt a:hover, #periode dt a:focus {
/*		background-color: #FCFBE1;*/
		color: #000;
		text-decoration:underline;
	}
	#periode p {
		font-size: 1.1em;
		text-align:right;
		padding: 0.5em;
		color: #261341;
		border-bottom: 1px #ddd solid;
	}
	#periode p.avis {
		font-family: Trebuchet MS, "Trebuchet MS", sans-serif;
		font-size: 1.3em;
		text-align: left;
		}





/* = Cartographie
---------------- */
	#carto {
		float: left;
		width: 435px;
		}
	.marine #carto {
		float: left;
		width: 350px;
		}
	#carto ul {
		height: 17px;
	}
	#carto li {display: inline;}
	#carto a {
		display: block; float: left;
		background: transparent url(../img/ongletPeriode.gif) no-repeat;
		height: 17px;
		text-indent: -1000em; overflow: hidden;
		margin: 0 2px 0 0;
	}
	#carto a:focus {outline: 0;}
	#carto #per1 a {width: 59px; background-position: 0 0;}
	#carto #per2 a {width: 81px; background-position: -62px 0;}
	#carto #per3 a {width: 47px; background-position: -146px 0;}
	#carto #per1.current a {background-position: 0 -17px;}
	#carto #per2.current a {background-position: -62px -17px;}
	#carto #per3.current a {background-position: -146px -17px;}

	#imgPrevisions {height: 360px; position: relative;}

	#imgPrevisions img {
		/* position: absolute; Passé en JS */
		top: 0; left: 0;
		}
	

		p.echelleVents {
			width: 300px;
			height: 30px;
			overflow: hidden;
			text-indent: -20em;
			position: relative;
			top:  325px;
			left: 60px;
			background: url(/nautisme/medias/img/echelleVents.gif) no-repeat;
		}



/* = Tableau marées
------------------ */
	table.datas {
		clear: both;
		border-collapse: collapse;
		background: #fff;
		margin-bottom: 20px;
	}
	table.datas .pager {float: right;}
	table.datas .date {float: left;}
	table.datas caption {
		background: #E1EFF7;
		padding: 1em;
	}
	table.datas caption .date {
		font-size: 1.3em;
		font-weight: bold;
		color: #311E53;
		font-family: Trebuchet MS, "Trebuchet MS";
	}
	table.datas caption a {
		color: #8E2517;
		font-weight: bold;
		padding-right: 10px;
		}
	table.datas th, table.datas td {
		border: 1px #ccc solid;
	}
	table.datas th {
		font-weight: bold;
		font-family: Trebuchet MS,"Trebuchet MS";
		font-size: 1.1em;
	}
	table.datas thead th {
		background: #9FC8E5;
		color: #311E53;
		text-align: center;
		border-color: #7DB6DC;
		padding: .6em;
	}
	table.datas tbody th {
		background: #004F86;
		color: #fff;
		white-space: nowrap;
		padding: .5em .5em .5em 1em;
		text-align: right;
		border-color: #004678;
	}
	table.datas tbody td {
		text-align: center;
		background: #FCFBF2;
		padding: .3em;
	}
	table.datas .hor, table.datas .ht {display: block;}