td{
  font: 10px Arial, Helvetica, sans-serif;
}
a, select{
  font: 12px Arial, Helvetica, sans-serif;
}

a:link, a:visited, a:hover{
  color: #4692c7;
  text-decoration: none;
}

a:hover{
  color: #00518C;
}

a.menu{
  font: 12px Arial, Helvetica, sans-serif;
}

a.menu:link, a.menu:visited, a.menu:hover{
  color: #4692c7;
}

a.menu:hover{
  font: 12px Arial, Helvetica, sans-serif;
  color: #00518C;
  text-decoration: underline;
}

a.menuSelected:link, a.menuSelected:visited, a.menuSelected:hover{
  font: 12px Arial, Helvetica, sans-serif;
  color: #00518C;
  text-decoration: underline;
}

body {
  color: #00518C;
  font: 12px Arial, Helvetica, sans-serif;
  margin: 0px 0px 0px 0px;
  background-color: #FFFFFF;
  background-image: url(../images/background.gif);
}

.conteneur{
  background-color: #FFFFFF;
}

.historyLegend{
  margin: 0px;
  padding: 0px 5px 0px 5px;
  width: 170px;
}

.historyTd{
  color: #797979;
  margin: 0px;
  padding: 2px 0px 2px 5px;
}

.menu1{
  padding-left: 5px;
}

.menu1, .menu2 {
  background-color: #C7EAE6;
}

.menu2{
  padding-right: 5px;
  text-align: right;
}

.noscript{
  left: 20px;
  position: absolute;
  top: 360px;
  width: 500px;
}

.noscript, #safari a{
  color: #FF0000;
  font: bold 24px Arial, Helvetica, sans-serif;
}

.techInfo, .techInfoR{
  font: 10px Arial, Helvetica, sans-serif;
}

.techInfoR{
  text-align: right;
}

#histoDiv{
  visibility: hidden;
}

#meteoDiv {
  height: 60px;
  left: 10px;
  position: absolute;
  top: 762px;
  width: 590px;
}


/* *********** BOR *********** */

div {
	position: absolute;
}

#logoDiv {
	top: 0px;
	height: 100px;
	left: 0px;
	width: 760px;
}

#overBorderDiv, #overDiv, #overLoadingDiv {
  left: 0px;
  top: 103px;
  width: 180px;
  height: 120px;
}

#overDiv {
  margin: 0px;
  padding: 0px;
  visibility: hidden;
}

#overLoadingDiv {
  color: #4692c7;
  font: bold 18px/120px Arial, Helvetica, sans-serif;
  text-align: center;
}

#legendDiv, #histoDiv, #modeDiv, #actionDiv, #sponsorDiv, #listDiv, #info1Div, #info2Div, #overBorderDiv, #mapBorderDiv, #printDiv {
  background-color: #E5EDF3;
}

#legendDiv, #histoDiv, #sponsorDiv {
  top: 103px;
}

#sponsorDiv {
	text-align: center;
	vertical-align: middle;
}

#legendDiv, #histoDiv, #modeDiv, #actionDiv {
  left: 183px;
  width: 417px;
}

#legendDiv, #histoDiv {
  height: 80px;
}

#histoDiv {
	visibility: hidden;
}

.legendTitle {
	font-weight: bold;
}

.legendTitle, #legendSpeed, .legendClass {
	position: relative;
	top: 3px;
}

.legendTitle, #legendSpeed {
	float: left;
}

.legendClass {
	float: right;
}

.classSymbol {
	background-color: #82AEDA;
}

#modeDiv, #actionDiv {
  height: 17px;
}

#modeDiv {
  top: 186px;
}

#actionDiv {
  top: 206px;
}

#sponsorDiv, #info2Div, #listDiv {
  left: 603px;
  width: 157px;
}

#sponsorDiv {
  height: 120px;
}

#mapBorderDiv, #mapDiv, #mapLoadingDiv {
  position: absolute;
  left: 0px;
  top: 226px;
  width: 600px;
  height: 400px;
}

#mapDiv {
  visibility: hidden;
}

#mapLoadingDiv {
  color: #4692c7;
  font: bold 40px/400px Arial, Helvetica, sans-serif;
  text-align: center;
}

#mapZoomDiv {
  cursor: crosshair;
}

#mapZoomDiv, #overZoomDiv {
  border: 1px solid #FF0000;
  height: 0px;
  position: absolute;
  visibility: hidden;
  width: 0px;
}

#listDiv {
  top: 226px;
  height: 400px;
}

#info1Div, #info2Div {
  top: 629px;
  height: 49px;
}

#info1Div {
  left: 0px;
  width: 600px;
  text-align: center;
  line-height: 200%;
}

#info2Div {
  text-align: center;
}

#contact {
  font-weight: bold;
  font-size: 14px;
}

a.info1:link, a.info1:visited, a.info1:hover {
	color: #00518C;
}

a.info1:hover{
  text-decoration: underline;
}

#infoRT, #infoHisto {
	position: relative;
}

#infoHisto {
	display: none;
}

#infoDiv {
  position: absolute;
  left: 100px;
  top: 400px;
  color: #F01010;
  font-weight: bold;
  font-size: 20px;
  padding: 5px;
}

#lineDiv {
  background-color: #7FA8C5;
  left: 0px;
  top: 681px;
  width: 760px;
  height: 1px;
}

#creditsDiv, #partnersDiv {
  background-color: #FFFFFF;
  top: 685px;
  height: 45px;
}

#creditsDiv {
  left: 0px;
  width: 483px;
}

#creditsNautique, #creditsOthers {
	position: relative;
	top: 2px;
	left: 4px;
}

a.creditsNautique:link, a.creditsNautique:visited, a.creditsNautique:hover {
	color: #5F6A75;
	font: 9px Arial, Helvetica, sans-serif;
}

a.creditsNautique:hover{
  text-decoration: underline;
}

#creditsOthers {
	color: #7FA8C5;
	font: 10px Arial, Helvetica, sans-serif;
}

a.creditsOthers:link, a.creditsOthers:visited, a.creditsOthers:hover {
	color: #7FA8C5;
	font: 9px Arial, Helvetica, sans-serif;
}

a.creditsOthers:hover{
  text-decoration: underline;
}

#partnersDiv {
  left: 483px;
  width: 277px;
  font: 10px Arial, Helvetica, sans-serif;
}

#partnersTitle, #partnersContents {
	position: relative;
}

#labelDiv {
	background-color: #2ECB00;
	height: 30px;
	visibility: hidden;
}

.label {
	color: #FFFFFF;
	font: bold 12px Arial, Helvetica, sans-serif;
}

.time {
	color: #00518C;
	background-color: #FEFFFF;
	font: 12px Arial, Helvetica, sans-serif;
}

#message {
  left: 110px;
  position: absolute;
  top: 360px;
  width: 400px;
  color: #FF0000;
  font: bold 24px Arial, Helvetica, sans-serif;
  text-align: center;
}

#printDivText {
  left:4px;
  position:relative;
  top:2px;
}

#printDiv {
  height:523px;
  left:0px;
  top:103px;
  width:600px;
}